Что такое() => оператор?

Question

Я наткнулся на этот вызов ajax. Он отлично работает:

$.ajax({ 
    url: '/items/' + item.id, 
    method: 'PUT', 
    data: {item: item}, 
    success:() => { 
     this.updateItems(item); 
    } 
}); 

Я не понял, что () => средства. Я использовал успех: function(){ } но это дает мне ошибку

«updateItems не является функцией»

Answer 1

Конструкция называется функцией стрелка. Он был введен с использованием стандарта ES2015 и работает аналогично синтаксису function() {}.

Для получения дополнительной информации check the MDN docs.

Обратите внимание, что этот синтаксис пока не поддерживается всеми браузерами, особенно более старыми версиями, поэтому вы должны изучить transpiling it into ES5 compliant JavaScript.

---

Причина, почему ваша попытка превратить его в классический function() {} терпит неудачу в том, что классические функции определяют свое собственное this значения, в то время как стрелка функция использует значение окружающей функции this. Вот почему this.updateItems больше не найдено.

Чтобы решить эту проблему, связать контекст функции вручную:

$.ajax({ 
    url: '/items/' + item.id, 
    method: 'PUT', 
    data: {item: item}, 
    success: function() { 
     this.updateItems(item); 
    }.bind(this) 
}); 

Answer 2

Это Стрелка Функция, и как анонимную функцию, которая также связывает this. Когда вы переключили его на функцию(), this был связан с чем-то другим, следовательно, ошибкой.

Edit:

Если вы все еще хотите использовать более традиционный синтаксис, а затем использовать:

function(){/*...*/}.bind(this) 

Что будет гарантировать, что Вы привязаны к правильному объекту.