Babel误解的JS代码[重复]

Question

以下代码有什么严重错误

var obj = {a:1}
[1,2,3].forEach(console.log)

Babel 制造了这种不正常的混合物？

var obj = { a: 1 }[(1, 2, 3)].forEach(console.log);

适用于任何 ES201[567] 预设。已通过https://babeljs.io/repl 验证。

是的，以分号结束第一行会有所帮助。不使用分号仍然是一种危险的做法吗？

更新：在以“天哪，你当然应该使用分号”为由投反对票之前，请确认不使用分号的演变，以及箭头函数和不断增长的数组/对象原型函数玩具箱。所有现代 JS 示例都这样做，ES6 新手很容易混淆。

Answer 1

问题在 Babel 编译的代码中被回避：你给它的两行被解释为一行。

不使用分号仍然是一种危险的做法吗？

在我看来，没有。 JavaScript 中的空格是折叠的，这意味着多行可以解释为一个，所以在少数情况下它们是必要的，但这是否意味着使用分号是绝对必须的，这真的取决于个人喜好。有些人非常强烈地认为你应该这样做，而且他们很可能是对的......

无论如何，正如您所发现的，其中一种情况是以对象或数组结束一行，并以数组文字开始下一行 ([])。您可以阅读其余案例here。

如果您正在处理的代码不使用分号，例如如果它使用standard 代码样式，您可以..

..在第一行末尾添加一个分号：

var obj = {a:1};
[1,2,3].forEach(console.log)

..在第二行的开头添加一个分号：

var obj = {a:1}
;[1,2,3].forEach(console.log) // beginning of last line

..通过将数组文字分配给变量来完全避免使用分号：

var obj = {a:1}
var arr = [1,2,3]
arr.forEach(console.log)

____

旁注...

你的数组字面量的内容被括在括号中的原因是因为 Babel 将你的数组字面量解释为试图访问上一行中定义的对象字面量的属性。当然，您一次只能使用array[index] 语法访问一个属性，因此Babel 使用逗号运算符从(1, 2, 3) 中获取一个值，即3。

Read about the comma operator on MDN.