摘要：運(yùn)算符返回一個(gè)布爾值，用于測(cè)試構(gòu)造函數(shù)的屬性是否存在于對(duì)象原型鏈上。定義構(gòu)造函數(shù)，因?yàn)?，不在的原型鏈上類型轉(zhuǎn)換任意數(shù)據(jù)類型之間可以相互轉(zhuǎn)換，但是特殊。自動(dòng)轉(zhuǎn)換自動(dòng)轉(zhuǎn)換就是沒有顯式地使用函數(shù)對(duì)數(shù)據(jù)進(jìn)行類型轉(zhuǎn)換。

JavaScript 是一種弱類型或者說動(dòng)態(tài)類型語言。所以你不用提前聲明變量的類型，在程序運(yùn)行時(shí)，類型會(huì)被自動(dòng)確定，你也可以使用同一個(gè)變量保存不同類型的數(shù)據(jù)。

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

string

number

boolean

undefined

null

symbol (ECMAScript 6)

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

在 JS 中，每一個(gè)數(shù)據(jù)都需要存放在內(nèi)存空間中。

原始類型數(shù)據(jù)直接存儲(chǔ)在 棧內(nèi)存(stack) 中，對(duì)象數(shù)據(jù)存儲(chǔ)在 堆內(nèi)存(heap) 中，并在 棧內(nèi)存 中存放了該對(duì)象數(shù)據(jù)在 堆內(nèi)存的地址(引用)。

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

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

上述變量的內(nèi)存圖解：

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

typeof 運(yùn)算符返回一個(gè)字符串，表示未經(jīng)計(jì)算的操作數(shù)的類型。

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

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

typeof null // "object" 這是一個(gè) Bug 

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

對(duì)于對(duì)象來說，除了函數(shù)都會(huì)顯示 object 。

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

instanceof 運(yùn)算符返回一個(gè)布爾值，用于測(cè)試構(gòu)造函數(shù)的 prototype 屬性是否存在于對(duì)象原型鏈上。所以在判斷對(duì)象的正確類型時(shí)可以考慮使用 instanceof 。

// 定義構(gòu)造函數(shù)
function A() {}
function B() {}

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

a instanceof A  // true ，因?yàn)?Object.getPrototypeOf(a) === a.prototype

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

任意數(shù)據(jù)類型之間可以相互轉(zhuǎn)換，但是 symbol 特殊。symbol 類型只能轉(zhuǎn)換成 string 類型，其他的轉(zhuǎn)換會(huì)報(bào)錯(cuò)。

原始類型 ---> 數(shù)字

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

// 2. 布爾值 ---> 數(shù)字

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

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

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

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

對(duì)象 ---> 數(shù)字

Number() 方法的參數(shù)是對(duì)象時(shí)，一般情況下，除非是包含單個(gè)數(shù)字的數(shù)組會(huì)返回?cái)?shù)字，否則返回 NaN 。

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

在執(zhí)行 Number(對(duì)象) 方法時(shí)，會(huì)先進(jìn)行參數(shù)處理，將對(duì)象轉(zhuǎn)換成原始類型，再進(jìn)行轉(zhuǎn)換成數(shù)字的操作。

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

第二步，如果 valueOf() 方法返回的是對(duì)象，則調(diào)用原對(duì)象自身的 toString() 方法，如果此時(shí)返回的值是原始類型，則將該值轉(zhuǎn)換成數(shù)字并返回，不再進(jìn)行后續(xù)操作。

如果 toString() 方法返回的還是對(duì)象，就報(bào)錯(cuò)。

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
    
// 再來看看參數(shù)是單個(gè)數(shù)字的數(shù)組時(shí)的情況
    
Number([1])  // 1
    
//過程如下：
// 第一步
[1].valueOf()   // [1]
// 第二步
[1].toString()  // "1"
Number("1")     // 1

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

原始類型 ---> 字符串

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

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

對(duì)象 ---> 字符串

數(shù)組會(huì)返回該數(shù)組的字符串形式，函數(shù)返回完整函數(shù)的字符串，其他的返回一個(gè)類型字符串。

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(對(duì)象) 方法的轉(zhuǎn)換規(guī)則與 Number(對(duì)象) 基本相同，只是互換了 valueOf() 與 toString() 的執(zhí)行順序。

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

如果 toString() 返回的是對(duì)象，則調(diào)用原對(duì)象的 valueOf() 方法。如果返回的值是原始類型，將該值轉(zhuǎn)換成字符串并返回。不再執(zhí)行后續(xù)操作。

如果 valueOf() 方法返回的還是對(duì)象，就報(bào)錯(cuò)。

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

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

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

Boolean() 函數(shù)可以將任意類型轉(zhuǎn)換成布爾值
除了以下五個(gè)值轉(zhuǎn)換結(jié)果為 false ，其他值全部轉(zhuǎn)換為 true

undefined

null

"" (空字符串)

-0 或 0

NaN

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

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

! NaN  // true
!! NaN  // false

自動(dòng)轉(zhuǎn)換就是沒有顯式地使用函數(shù)對(duì)數(shù)據(jù)進(jìn)行類型轉(zhuǎn)換。但它是以強(qiáng)制轉(zhuǎn)換為基礎(chǔ)的。

當(dāng)預(yù)期數(shù)值與實(shí)際數(shù)值不匹配時(shí)，JavaScript 就會(huì)自動(dòng)調(diào)用預(yù)期類型的轉(zhuǎn)換函數(shù)對(duì)實(shí)際值進(jìn)行轉(zhuǎn)換。

運(yùn)算子都是原始類型

在加法運(yùn)算中 只要一方時(shí)字符串，另一方就會(huì)轉(zhuǎn)換成字符串。這是字符串拼接。

其他 - * / ** % ++ -- +(一元運(yùn)算符 表示正數(shù)) -(一元運(yùn)算符 表負(fù)數(shù)) 都會(huì)將運(yùn)算子轉(zhuǎn)換成數(shù)字。

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

運(yùn)算子是對(duì)象

會(huì)先把對(duì)象轉(zhuǎn)換成原始類型再按預(yù)期值轉(zhuǎn)換。具體方法是：先調(diào)用對(duì)象的 valueOf() 方法試圖將對(duì)象轉(zhuǎn)換成原始類型，如果返回的是對(duì)象，就再調(diào)用原對(duì)象的 toString() 方法，如果返回的還是對(duì)象就報(bào)錯(cuò)。

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

10 - obj  // 9

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

=== 和 !== 不會(huì)發(fā)生類型轉(zhuǎn)換，只要類型不同就返回 false.

兩邊同時(shí)為字符串會(huì)比較 Unicode 碼，否則都會(huì)轉(zhuǎn)換成數(shù)字進(jìn)行比較(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

== 常用于判斷函數(shù)的參數(shù)是否等于 null 或者 undefined ，因?yàn)?null == undefinded 返回 true

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

!參數(shù)

參數(shù)&&

參數(shù)||

參數(shù)? :(三元運(yùn)算符)

if(參數(shù))

都會(huì)將非布爾的參數(shù)轉(zhuǎn)換成布爾類型(使用 Boolean(參數(shù)) 函數(shù))。

閱讀原文

參考資料：

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

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

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