JavaScript中“+”的陷阱深刻理解
时间：2021-08-05 08:31:27|栏目：JavaScript代码|点击： 次
一、两个中括号相加
[] + []
中括号没有语句块的作用，因此这里的两个中括号就是一个数组。两个数组（对象类型）相加先要将其转换成值类型（基本类型）。
1，转成值类型调用valueOf，[]的valueOf()还是自己
var arr = [];
arr.valueOf() === arr; // true
2，转成字符串，[]的toString是空字符串
[].toString(); // ""
String([]) // ""
结果出来了。两个空字符串相加，结果仍然是空字符串。即这里的“+”指字符串连接而非数字相加。
二、大括号和中括号的相加
{} + []
注意这里的大括号仍然不是对象直接量，而是空语句块。因此可以去掉它，即相当于
+ []
注意，这时由之前看似的两个运算数变成了实际的单运算数。而“+”运算符当只有一个运算数时只代表一个意思：算术加运算。即这里没有字符串连接的意思了。
中括号的toString()是空字符串，又相当于
+ ""
“+”代表算术加运算，字符串非数字，因此将其转换成数字类型。空字符串转成数字类型在上一篇提到过，为0。
那么最后的结果就是0。
三、中括号和大括号相加
[] + {}
与上面的对比，只是中括号和小括号交换了顺序。结果却不相同。大括号放到右边后，与上面讨论的大括号的意义不同了。这里的大括号就是一个对象直接量而非语句块。
“+” 两边的运算数转成值类型分别是："" 和 "[object Object]"。这时 "+" 表示字符串连接。即
"" + "[object Object]"
结果是 “[object Object]”。
四、小括号也和它们相加试试
突发奇想！好吧，小括号虽然有多义性，但它不能作为运算数。
[] + []
中括号没有语句块的作用，因此这里的两个中括号就是一个数组。两个数组（对象类型）相加先要将其转换成值类型（基本类型）。
1，转成值类型调用valueOf，[]的valueOf()还是自己
复制代码 代码如下:
var arr = [];
arr.valueOf() === arr; // true
2，转成字符串，[]的toString是空字符串
复制代码 代码如下:
[].toString(); // ""
String([]) // ""
结果出来了。两个空字符串相加，结果仍然是空字符串。即这里的“+”指字符串连接而非数字相加。
二、大括号和中括号的相加
复制代码 代码如下:
{} + []
注意这里的大括号仍然不是对象直接量，而是空语句块。因此可以去掉它，即相当于
复制代码 代码如下:
+ []
注意，这时由之前看似的两个运算数变成了实际的单运算数。而“+”运算符当只有一个运算数时只代表一个意思：算术加运算。即这里没有字符串连接的意思了。
中括号的toString()是空字符串，又相当于
复制代码 代码如下:
+ ""
“+”代表算术加运算，字符串非数字，因此将其转换成数字类型。空字符串转成数字类型在上一篇提到过，为0。
那么最后的结果就是0。
三、中括号和大括号相加
复制代码 代码如下:
[] + {}
与上面的对比，只是中括号和小括号交换了顺序。结果却不相同。大括号放到右边后，与上面讨论的大括号的意义不同了。这里的大括号就是一个对象直接量而非语句块。
“+” 两边的运算数转成值类型分别是："" 和 "[object Object]"。这时 "+" 表示字符串连接。即
复制代码 代码如下:
"" + "[object Object]"
结果是 “[object Object]”。
四、小括号也和它们相加试试
突发奇想！好吧，小括号虽然有多义性，但它不能作为运算数。
