javascript - console.log(...) 和 REPL 模式下的不同输出

Question

这个问题已经有答案了:

What is the explanation for these bizarre JavaScript behaviours mentioned in the 'Wat' talk for CodeMash 2012? (5 个回答)

已关闭 6 年前。

在阅读一些有关 JavaScript 强制转换的内容时，我发现了这一点。

[] + {}; // [object Object]
{} + []; // 0

我理解这是如何工作的，但我无法理解为什么“console.log”上述两个语句并在 REPL 中执行它们会导致两个不同的结果。

当在 REPL 模式下运行时

When ran in browser(Chrome, Firefox) 
console.log([] + {}); // '[object Object]'
console.log({} + []); // '[object Object]'

我最初的想法可能是toString在 console.log 参数上调用，但情况绝对不是这样。有什么想法吗？

Answer 1

语句{} + []对于JavaScript引擎来说是不明确的；虽然人类会将其解读为“空对象和空数组的相加”，但 JavaScript 引擎将其解析为:

// {} + []
{};   // empty block statement with implicit semicolon
+ []; // empty array, coerced into the number 0
// = 0

当用括号括起来时，例如在函数内，此解释无效，因此引擎会将其解释为对象的添加(强制转换为字符串 '[Object]' )和一个空数组(强制转换为字符串 '')