Почему этот синтаксис JavaScript не поддерживается в Google Chrome?

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).

Поскольку это в основном сахар, вам лучше подождать, прежде чем использовать его.

Если необходимо область связывания (this это же в вызове функции и в области, в которой функция была определена, мы говорим о «лексического это»), то вместо

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

вы можете просто сделать

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

Если вы не (как в вашем примере), а затем просто сделать

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