为什么 JavaScript 在添加数组和对象时会产生意外结果？

了解 JavaScript 添加的古怪行为

CodeMash 2012 的“Wat”演讲揭示了 JavaScript 中的一些令人费解的行为。在这里，我们深入研究底层机制并解释 JSFiddle 示例中观察到的结果。

空数组空数组

[] + []
result: ""

连接数组产生的空字符串突出显示运算符转换两个操作数都为基元，在数组上调用 toString()。对于空数组，此转换会产生一个空字符串。

空数组对象

[] + {}
result: [Object]

像以前一样，将空数组转换为基元给我们一个空字符串。但是，使用其 toString() 方法将该对象强制转换为字符串，从而生成“[Object]”。该字符串与空字符串连接，生成“[Object].”

对象空数组

{} + []
result: [Object]

此处的 {} 被解释为空块，从而产生空基元价值。然后，该运算符尝试通过 toString() 将对象转换为字符串，从而得到“[Object]”。然而，这种行为是一种异常行为，因为视频表明结果应该为 0。

Object Object

{} + {}
result: [Object][Object]

与前面的情况类似，对象被强制转换为字符串。但是，由于没有一元运算符，因此结果不会转换为数字。相反，返回“[Object]”和“[Object]”的串联。

Array(16).join("wat" - 1)

result: NaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaNNaN

减去一个数字字符串结果为 NaN。当作为参数传递给 Array.join 时，转换为字符串（通过 toString()）会生成“NaN”。然后数组的 join() 方法重复连接这个字符串，从而得到观察到的结果。

结论

这些特殊的行为源于将值转换为基元的特定规则和运算符的行为在 JavaScript 中。虽然其中一些可能看起来违反直觉，但了解底层机制可以让开发人员在自己的代码中更好地预测和处理这些怪癖。

以上是为什么 JavaScript 在添加数组和对象时会产生意外结果？的详细内容。更多信息请关注PHP中文网其他相关文章！