Javascript中{}+[]===0为true,而[]+{}===0为false，因为啥

Javascript中{}+[]=== 0为true,而[]+{}===0 为false，因为啥?

 

首先看浏览器调试Console中的答案：

[]+{}   结果是 "[object Object]"

{}+[]   结果是 0

({}+[])   结果是 "[object Object]"

+[]     结果是 0   ，此处+为正号

+{}     结果是 NaN   ，此处+为正号

[].toString()    结果是 ""

({}).toString() 结果是 "[object Object]"    

{}.toString() 会出错，Uncaught SyntaxError: Unexpected token .

0+[]    结果是 "0"

0+{}    结果是 "0[object Object]"

 

如果不明白其中缘由，那么接着往下看：

 

https://segmentfault.com/q/1010000015933983/a-1020000015934092

https://www.zhihu.com/question/45478070?sort=created

 

JS中{}+[]和[]+{}的返回值情况是怎样的？

其中的原因是什么呢？

 

链接：https://www.zhihu.com/question/45478070/answer/99514135

先说 [] + {} 。一个数组加一个对象。
加法会进行隐式类型转换，规则是调用其 valueOf() 或 toString() 以取得一个非对象的值（primitive value）。如果两个值中的任何一个是字符串，则进行字符串串接，否则进行数字加法。
[] 和 {} 的 valueOf() 都返回对象自身，所以都会调用 toString()，最后的结果是字符串串接。[].toString() 返回空字符串，({}).toString() 返回“[object Object]”。最后的结果就是“[object Object]”。

然后说 {} + [] 。看上去应该和上面一样。但是 {} 除了表示一个对象之外，也可以表示一个空的 block。在 [] + {} 中，[] 被解析为数组，因此后续的 + 被解析为加法运算符，而 {} 就解析为对象。但在 {} + [] 中，{} 被解析为空的 block，随后的 + 被解析为正号运算符。即实际上成了：
{ // empty block }
+[]
即对一个空数组执行正号运算，实际上就是把数组转型为数字。首先调用 [].valueOf() 。返回数组自身，不是primitive value，因此继续调用 [].toString() ，返回空字符串。空字符串转型为数字，返回0，即最后的结果。

 

----------------------------------------------------------------------------------------

{}+[] 如果被parse成statement的话，{}会被parse成空的block，但是在需要被parse成expression的话，就会被parse成空的Object。所以{}+[]和console.log({}+[])的输出结果还不一样，因为参数列表只接受expression。

----------------------------------------------------------------------------------------