js 中奇怪的运算

你的名字 2022-12-24 07:56 110阅读 0赞

### F12控制台Console打印调试以下运算：  ###

[]+{}   // 结果是 "[object Object]"
    
    {}+[]   // 结果是 0
    
    ({}+[])   // 结果是 "[object Object]"
    
    +[]     // 结果是 0   ，此处+为正号
    
    +{}     // 结果是 NaN   ，此处+为正号
    
    [].toString()    // 结果是 ""
    
    ({}).toString() // 结果是 "[object Object]"    
    
    {}.toString() // 报错，Uncaught SyntaxError: Unexpected token .
    
    0+[]    // 结果是 "0"
    
    0+{}    // 结果是 "0[object Object]"
    
    {}+""  // 结果是 0

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9ubGluZU9r_size_16_color_FFFFFF_t_70][]

### 以下解释稍作修改，源引用自： ###

> 作者：贺师俊  
> 链接：https://www.zhihu.com/question/45478070/answer/99514135

**（1）先说 \[\] + \{\} 。一个数组加一个对象**  
加法会进行隐式类型转换，规则是调用其 valueOf() 或 toString() 以取得一个非对象的值（primitive value）又称为原始类型（JS中原始数据类型有undefined、null、Number、String、Boolean和新加入的symbol）。如果两个值中的任何一个是字符串，则进行字符串串接，否则进行数字加法。  
\[\] 和 \{\} 的 valueOf() 都返回对象自身，所以都会调用 toString()，最后的结果是字符串串接。\[\].toString() 返回空字符串，(\{\}).toString() 返回“\[object Object\]”。最后的结果就是“\[object Object\]”。

**（2）然后说 \{\} + \[\] **

看上去应该和上面一样。但是 \{\} 除了表示一个对象之外，也可以表示一个空的 block。在 \[\] + \{\} 中，\[\] 被解析为数组，因此后续的 + 被解析为加法运算符，而 \{\} 就解析为对象。但在 \{\} + \[\] 中，\{\} 被解析为空的 block，随后的 + 被解析为正号运算符。即实际上成了：

{ // empty block }
    +[]

即对一个空数组执行正号运算，实际上就是把数组转型为数字。首先调用 \[\].valueOf() 。返回数组自身，不是primitive value，因此继续调用 \[\].toString() ，返回空字符串。空字符串转型为数字，返回0，即最后的结果。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6eE9ubGluZU9r_size_16_color_FFFFFF_t_70]: /images/20221120/e2bfb2402948452ea3d0ca51ff2e41d1.png