11 

var a = [1, 2, 3, 4];
var b = [10, 20, 30, 40];
console.log([a, b].length)
[a, b].some(function(x) {
  x.push(x.shift())
});

当这段代码导致我今天非常惊讶

[a,b].some(function(x){ x.push(x.shift()) });
      ^
TypeError: Cannot call method 'some' of undefined

显然 JavaScript 的“自动分号插入”在这里没有按预期工作。但为什么？

我知道您可能会建议在;任何地方使用以避免类似的情况，但问题不在于是否更好使用;。我很想知道这里到底发生了什么？

4

4 回答 4

16

当我担心分号插入时，我会考虑有问题的行会是什么样子，而它们之间没有任何空格。在你的情况下，那将是：

console.log([a,b].length)[a,b].some(function(x){ etc });

在这里，您告诉 Javascript 引擎以console.log的长度进行调用[a,b]，然后查看[a,b]该调用结果的索引。

console.log返回一个字符串，因此您的代码将尝试查找b该字符串的未定义属性，并且调用undefined.some()失败。

有趣的是，str[a,b]它将解析为str[b]假设 str 是一个字符串。正如 Kamil 指出的那样，a,b是一个有效的 Javascript 表达式，该表达式的结果是简单的b.

于 2013-05-21T08:00:02.297 回答
9

通常，可以说在新行上定义数组时，隐式分号很容易失败，因为在新行上定义的数组被解释为对前一行表达式值的属性访问。

Javascript 只考虑换行来标记语句的结尾，如果在新行之后不结束语句会导致解析错误。请参阅JavaScript 的自动分号插入 (ASI) 的规则是什么？和EcmaScript 5 规范的确切规则。（感谢 Rob W 和聚光灯）

会发生以下情况：

代码被解释为

console.log([a,b].length)[a,b].some(function(x){ x.push(x.shift()) });

即全部作为一个声明。

现在解析语句：

some被称为价值console.log([a,b].length)[a,b]

的值是通过获取( )console.log([a,b].length)[a,b]的返回值，然后尝试访问具有 值的名称的属性来计算的。 评估为（在您的控制台中尝试）的值。没有值为 of的属性，因此结果值也是如此。console.log([a,b].length)undefineda,ba,bbbundefinedundefined

some上没有方法undefined，因此出现错误。

于 2013-05-21T08:01:36.460 回答
7

JavaScript 不会将每个换行符视为分号。它通常仅在无法解析没有分号的代码时才将换行符视为分号。基本上，如果下一个非空格字符不能解释为当前语句的延续，JavaScript 会将换行符视为分号。JavaScript - 权威指南：第 6 版。第 2.4 节

因此，在您的情况下，它将该行解释为

console.log([a,b].length)[a,b].some(function(x){ x.push(x.shift()) });

这就是错误的原因。JavaScript 正在尝试对console.log([a,b].length). 根据 JavaScript 引擎和 的返回值console.log，您可能会得到不同的错误。

于 2013-05-21T08:06:47.917 回答
1

如果是函数或流程的最后一条语句，可以避免';'，但建议放在';'每条语句的末尾，以免出现此类错误。

于 2013-05-21T08:00:03.110 回答