摘要：運算符返回一個布爾值，用于測試構造函數的屬性是否存在于對象原型鏈上。定義構造函數，因為，不在的原型鏈上類型轉換任意數據類型之間可以相互轉換，但是特殊。自動轉換自動轉換就是沒有顯式地使用函數對數據進行類型轉換。

JavaScript 是一種弱類型或者說動態類型語言。所以你不用提前聲明變量的類型，在程序運行時，類型會被自動確定，你也可以使用同一個變量保存不同類型的數據。

在 JS 中一共 6 種原始類型：

string

number

boolean

undefined

null

symbol (ECMAScript 6)

除了原始類型其他的都是對象類型（object）了。

在 JS 中，每一個數據都需要存放在內存空間中。

原始類型數據直接存儲在 棧內存(stack) 中，對象數據存儲在 堆內存(heap) 中，并在 棧內存 中存放了該對象數據在 堆內存的地址(引用)。

var a1 = 0  // 棧
var a2 = "this is string"  // 棧
var a3 = null  // 棧

var b = { m: 20 }  // 堆
var c = [1,2,3]  // 堆

上述變量的內存圖解：

typeof 是否能正確判斷類型？instanceof 能正確判斷對象的原理是什么？

typeof 運算符返回一個字符串，表示未經計算的操作數的類型。

對于原始類型，除了 null 類型都顯示正確類型。

typeof "1"  // "string"
typeof true // "boolean"
typeof 1    // "number"
typeof undefined  // "undefined"
typeof Symbol()  // "symbol"

typeof null // "object" 這是一個 Bug 

typeof 1 === "number"  // true
typeof (typeof 1) === "string"  // true

對于對象來說，除了函數都會顯示 object 。

typeof []   // "object"
typeof {}   // "object"
typeof console.log  // `function`

instanceof 運算符返回一個布爾值，用于測試構造函數的 prototype 屬性是否存在于對象原型鏈上。所以在判斷對象的正確類型時可以考慮使用 instanceof 。

// 定義構造函數
function A() {}
function B() {}

var a = new A()
var b = new B()

a instanceof A  // true ，因為 Object.getPrototypeOf(a) === a.prototype

a instanceof B  // false ，B.prototype 不在 a 的原型鏈上

任意數據類型之間可以相互轉換，但是 symbol 特殊。symbol 類型只能轉換成 string 類型，其他的轉換會報錯。

原始類型 ---> 數字

// 1. 字符串 ---> 數字
  
    // 1) 可以被解析成數值的字符串 返回 數值
    Number("123")  // 123
    // 2) 不能解析成數值的字符串 返回 NaN
    Number("123aaa")  // NaN
    // 3) 空串 ---> 0
    Number("")  // 0

// 2. 布爾值 ---> 數字

    // 1) true ---> 1
    Number(true)  // 1
    // 2) false ---> 0
    Number(false)  // 0

// 3. undefined ---> NaN
    Number(undefined)  // NaN
    
// 4. null ---> 0
Number(null)  // 0

在瀏覽器環境中，window.parseInt() 和 window.parseFloat() 可以將一些字符串轉換成數字,但沒 Number() 嚴格 。把其他原始類型都會轉換成 NaN 。

parseInt("123aaa")  // 123
parseFloat("1.23aaa")  // 1.23
parseInt(true)  // NaN

對象 ---> 數字

Number() 方法的參數是對象時，一般情況下，除非是包含單個數字的數組會返回數字，否則返回 NaN 。

Number({a: 1})  // NaN
Number([1,2])   // NaN
Number([1])     // 1

在執行 Number(對象) 方法時，會先進行參數處理，將對象轉換成原始類型，再進行轉換成數字的操作。

第一步，調用對象自身的 valueOf() 方法（ var a = new String(123); a.valueOf() --> "123" ）。如果返回的值是原始類型，則直接將該值轉換成數字并返回。不再進行后續步驟。

第二步，如果 valueOf() 方法返回的是對象，則調用原對象自身的 toString() 方法，如果此時返回的值是原始類型，則將該值轉換成數字并返回，不再進行后續操作。

如果 toString() 方法返回的還是對象，就報錯。

Number({a: 1})  // NaN
// 過程如下：
var t = {a: 1}
// 第一步
t.valueOf()  // {a: 1}
// 第二步
t.toString() // "[object Object]"
Number("[object Object]")  // NaN
    
Number([1,2])
//過程如下：
// 第一步
[1,2].valueOf()   // [1,2]
// 第二步
[1].toString()  // "1,2"
Number("1,2")     // NaN
    
// 再來看看參數是單個數字的數組時的情況
    
Number([1])  // 1
    
//過程如下：
// 第一步
[1].valueOf()   // [1]
// 第二步
[1].toString()  // "1"
Number("1")     // 1

String() 函數可以將任意類型的值轉換成字符串。

原始類型 ---> 字符串

var a = Symbol({})
String(a)  // "Symbol([object Object])"

String(Symbol([]))  // "Symbol()"

對象 ---> 字符串

數組會返回該數組的字符串形式，函數返回完整函數的字符串，其他的返回一個類型字符串。

String([1,2])  // "1,2"
String([])  // ""

function foo(x){ return x*x }
String(foo)  //  "function foo(x){ return x*x }"

String({a: 1})  // "[object Object]"

String(對象) 方法的轉換規則與 Number(對象) 基本相同，只是互換了 valueOf() 與 toString() 的執行順序。

先調用對象的 toString() 方法。如果返回的值是原始類型，則將該值轉換成字符串并返回。不再執行以下步驟。

如果 toString() 返回的是對象，則調用原對象的 valueOf() 方法。如果返回的值是原始類型，將該值轉換成字符串并返回。不再執行后續操作。

如果 valueOf() 方法返回的還是對象，就報錯。

自定義對象的 toString() 方法和 valueOf() 方法：

var obj = {
    valueOf: function() {
        return 1
    },
    toString: function() {
        return 2
    }
}

String(obj)  // "2"
Number(obj)  // 1

Boolean() 函數可以將任意類型轉換成布爾值
除了以下五個值轉換結果為 false ，其他值全部轉換為 true

undefined

null

"" (空字符串)

-0 或 0

NaN

!!數據 與 Boolean(數據) 效果一樣。

Boolean(undefined)  // false
Boolean(null)  // false
Boolean("")  // false
Boolean(0)  // false
Boolean(NaN)  // false

! NaN  // true
!! NaN  // false

自動轉換就是沒有顯式地使用函數對數據進行類型轉換。但它是以強制轉換為基礎的。

當預期數值與實際數值不匹配時，JavaScript 就會自動調用預期類型的轉換函數對實際值進行轉換。

運算子都是原始類型

在加法運算中 只要一方時字符串，另一方就會轉換成字符串。這是字符串拼接。

其他 - * / ** % ++ -- +(一元運算符 表示正數) -(一元運算符 表負數) 都會將運算子轉換成數字。

1 + "1"  // "11"
2 * "3"  // 6
1 - "a"  // NaN  
3 + - "1"  // 2

運算子是對象

會先把對象轉換成原始類型再按預期值轉換。具體方法是：先調用對象的 valueOf() 方法試圖將對象轉換成原始類型，如果返回的是對象，就再調用原對象的 toString() 方法，如果返回的還是對象就報錯。

var obj = {
    valueOf: function() {
        return "1"
    },
    toString: function() {
        return "10"
    }
}

10 - obj  // 9

1 + [1,2]  // "11,2"
// [1,2].toString() ---> "1,2"

=== 和 !== 不會發生類型轉換，只要類型不同就返回 false.

兩邊同時為字符串會比較 Unicode 碼，否則都會轉換成數字進行比較(null、undefined 除外)。

NaN 與任意值(包括本身NaN)比較都返回 false

null undefined 除了 null(undefined) == undefined(null) 返回 true，其他 > < == 有 null 或 undefined 參與的都返回 false 。

"abc" > "abd"  // false
true > false  // true  ---> Number(true) > Number(false)
true > "-1"  // true  ---> Number(true) > Number("-1")

var obj = {valueOf: function() {return "1"}}
[3] > obj  // true
// 過程如下：
// Number([3]) > Number(obj)
// Number("3") > Number("1")
// 3 > 1

0 == null  // false

== 常用于判斷函數的參數是否等于 null 或者 undefined ，因為 null == undefinded 返回 true

function fun(x) {
    if(x == null) {···}
} 

!參數

參數&&

參數||

參數? :(三元運算符)

if(參數)

都會將非布爾的參數轉換成布爾類型(使用 Boolean(參數) 函數)。

閱讀原文

參考資料：

https://wangdoc.com/javascript/features/conversion.html

https://juejin.im/book/5bdc715fe51d454e755f75ef/section/5bdc715f6fb9a049c15ea4e0

https://juejin.im/entry/589c29a9b123db16a3c18adf