当我发现以下控制台输出时，我只是在玩 javascript：
[] + []// 输出：""[] + {}// 输出：[object Object]{} + []// 输出：0{} + {}// 输出：NaN
谁能解释一下这些输出背后的逻辑。我觉得这是一种非常奇怪的行为，但我想它可能有一些逻辑。
提前致谢。
【问题讨论】：
{} 和 []，因为它们不是单词。
标签： javascript type-conversion
预期结果
当您添加两个数组时，一切都按预期工作：
[] + []//output''
将[] 转换为原语首先尝试valueOf()，它返回数组本身（this）：
var arr = [];
arr.valueOf() === arr
true
由于该结果不是原语，因此接下来调用 toString() 并返回空字符串（这是一个原语）。所以[] + []的结果就是两个空字符串的拼接。
{} + [] // output: 0
添加一个数组和一个对象也符合我们的预期：
[] + {}//output '[object Object]'
说明：将空对象转换为字符串会产生以下结果。
String({})//output: '[object Object]'
因此，先前的结果是通过连接"" 和"[object Object]" 创建的。
意外结果
如果 + 的第一个操作数是一个空的对象字面量，事情就会变得很奇怪（结果在 Firefox 控制台上可以看到）：
{} + {}//output: NaN
这里发生了什么？问题在于 JavaScript 将第一个 {} 解释为空代码块并忽略它。因此，NaN 是通过评估+{}（加上第二个{}）来计算的。您在此处看到的加号不是二进制加法运算符，而是一元前缀运算符，它将其操作数转换为数字，其方式与Number() 相同。例如：
+"3.65"
3.65
以下表达式都是等价的：
+{}
Number({})
Number({}.toString()) // {}.valueOf() isn’t primitive
Number("[object Object]")
NaN
为什么第一个{} 被解释为代码块？因为完整的输入被解析为语句，并且语句开头的花括号被解释为开始代码块。因此，您可以通过强制将输入解析为表达式来解决问题：
({} + {})//output: '[object Object][object Object]'
函数或方法的参数也总是被解析为表达式：
console.log({} + {})//output: [object Object][object Object]
经过前面的解释，你应该不会再对下面的结果感到惊讶了：
{} + []//output: 0
同样，这被解释为一个代码块，后跟+[]。以下表达式是等价的：
+[]
Number([])
Number([].toString()) // [].valueOf() isn’t primitive
Number("")
0
有趣的是，Node.js REPL 解析其输入的方式与 Firefox 或 Chrome 不同（它们甚至使用与 Node.js 相同的 V8 JavaScript 引擎）。以下输入被解析为表达式，结果并不令人惊讶：
{} + {}//output: '[object Object][object Object]'
{} + []//output '[object Object]'
这样做的好处是更像是使用输入作为console.log() 的参数时得到的结果。但这也不太像在程序中使用输入作为语句。
参考文献
【讨论】：