JavaScript中“+”的陷阱深刻理解_javascript技巧

一、兩個中括號相加
[] + []
中括號沒有語句塊的作用，因此這里的兩個中括號就是一個數(shù)組。兩個數(shù)組（對象類型）相加先要將其轉(zhuǎn)換成值類型（基本類型）。
1，轉(zhuǎn)成值類型調(diào)用valueOf，[]的valueOf()還是自己
代碼如下:
var arr = [];
arr.valueOf() === arr; // true

2，轉(zhuǎn)成字符串，[]的toString是空字符串
代碼如下:
[].toString(); // ""
String([]) // ""

結(jié)果出來了。兩個空字符串相加，結(jié)果仍然是空字符串。即這里的“+”指字符串連接而非數(shù)字相加。

二、大括號和中括號的相加
代碼如下:
{} + []

注意這里的大括號仍然不是對象直接量，而是空語句塊。因此可以去掉它，即相當(dāng)于
代碼如下:
+ []

注意，這時由之前看似的兩個運算數(shù)變成了實際的單運算數(shù)。而“+”運算符當(dāng)只有一個運算數(shù)時只代表一個意思：算術(shù)加運算。即這里沒有字符串連接的意思了。
中括號的toString()是空字符串，又相當(dāng)于
代碼如下:
+ ""

“+”代表算術(shù)加運算，字符串非數(shù)字，因此將其轉(zhuǎn)換成數(shù)字類型。空字符串轉(zhuǎn)成數(shù)字類型在上一篇提到過，為0。
那么最后的結(jié)果就是0。

三、中括號和大括號相加
代碼如下:
[] + {}

與上面的對比，只是中括號和小括號交換了順序。結(jié)果卻不相同。大括號放到右邊后，與上面討論的大括號的意義不同了。這里的大括號就是一個對象直接量而非語句塊。
“+” 兩邊的運算數(shù)轉(zhuǎn)成值類型分別是："" 和 "[object Object]"。這時 "+" 表示字符串連接。即
代碼如下:
"" + "[object Object]"

結(jié)果是 “[object Object]”。

四、小括號也和它們相加試試
突發(fā)奇想！好吧，小括號雖然有多義性，但它不能作為運算數(shù)。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com