javascript - 为什么 Google Chrome 不支持这种 JavaScript 语法？

Question

我像这样启动了一个 JavaScript/jQuery 点击监听器:

$("#test").on("click", () => {
   console.log("test");
});

这段代码在 Firefox 中工作得很好，但在 Chrome 中这似乎给我一个语法错误。这是为什么，因为这对我来说看起来像是“ok”语法。

您可以通过以下操作在控制台中快速测试它

 var a = () => {return 0;}
 a();

在 Firefox 27.0.1 中返回 0在 Chrome 中它返回 SyntaxError: Unexpected token )

Answer 1

粗箭头 是a feature of ES6 (现在正式称为 ECMAScript 2015)。它已在 Firefox 中引入，但尚未在其他浏览器中引入(尤其是 not completely in V8，这对 nodejs/iojs 开发很有趣)。

因为它主要是糖，所以你最好等一下再用。

如果您需要作用域绑定(bind)(this 在函数调用和定义函数的作用域中是相同的，我们称之为“词法 this” ), 然后代替

$("#test").on("click", () => {
   some code
});

你可以简单地做

$("#test").on("click", (function() {
   some code
}).bind(this));

如果您不这样做(如您的示例所示)，则只需这样做

$("#test").on("click", function() {
   console.log("test");
});