ES5中，有number，string，boolean，undefined，null這5種基本類型數據，外加object引用類型數據（包括對象，數組，函數）。

強制轉換

Number：可以將任意類型數據轉換成number類型。

基本類型轉換為number類型

引用類型轉換為number類型,轉換規則如下：

1. 調用對象自身的valueOf方法。如果返回原始類型的值，則直接對該值使用Number函數，不再進行后續步驟;
2. 如果valueOf方法返回的還是對象，則改為調用對象自身的toString方法。如果toString方法返回原始類型的值，則對該值使用Number函數，不再進行后續步驟。
3. 如果toString方法返回的是對象，就報錯。
   (這里，valueOf方法優先于toString調用,示例如下)

var obj = {
    valueOf: function() {
        return 111;
    },
    toString: function() {
        return 222;
    }
}
Number(obj);  // 111

String()：可以將任意類型的值轉化成string類型。

基本類型轉換為string類型

引用類型轉換為string類型,轉換規則如下：

1. 先調用對象自身的toString方法。如果返回原始類型的值，則對該值使用String函數，不再進行以下步驟。
2. 如果toString方法返回的是對象，再調用原對象的valueOf方法。如果valueOf方法返回原始類型的值，則對該值使用String函數，不再進行以下步驟。
3. 如果valueOf方法返回的是對象，就報錯。
   (這里，toString方法優先于valueOf調用,示例如下)

var obj = {
    valueOf: function() {
        return 111;
    },
    toString: function() {
        return 222;
    }
}
String(obj);  // 222

Boolean()：可以將任意類型的值轉為boolean類型。

a==b判斷

將等式兩邊都往number上靠(undefined == null，比較特殊)

if(xxx)

按照Boolean()強制轉換規則轉換

自動轉換

堅持一條原則：預期什么類型，就往該類型上靠。

1. 自動轉string類型

'5' + 1 // '51'
'5' + true // "5true"
'5' + false // "5false"
'5' + {} // "5[object Object]"
'5' + [] // "5"
'5' + function (){} // "5function (){}"
'5' + undefined // "5undefined"
'5' + null // "5null"

2. 自動轉 number類型

'5' - '2' // 3
'5' * '2' // 10
true - 1  // 0
false - 1 // -1
'1' - 1   // 0
'5' * []    // 0
false / '5' // 0
'abc' - 1   // NaN
null + 1 // 1
undefined + 1 // NaN

3. 自動轉boolean類型
   參考前面Boolean()強制轉換

4. 特殊情況

但是，在我進行測試的時候，發現了幾個特殊的例子，{}+1、{}+[] 這兩個例子在控制臺打印出的結果為 1 和 ""，很奇怪是吧？我搜了搜資料發現，不同瀏覽器對其的解析不同，它會將前面一個 {} 當成代碼塊，于是上面的式子就變成了 +1 和 +[]，所以得出了上面的結果。
作者：小烜同學
鏈接：https://juejin.im/post/5a9bd5cf51882555784d675b
來源：掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

針對上面這種例外，我們可以通過()運算符解決。
{} + 1 = +1 = 1(瀏覽器將{}解析成代碼塊)
({}) + 1 = [object Object]1
[] + {} = [object Object]
{} +[] = +[] = 0(瀏覽器將{}解析成代碼塊)
({}) + [] = [object Object]

參考文獻
阮一峰-數據類型轉換
前端小生面試之看不懂的 [ ]+{ }