（）=>演算子とは何ですか？

Question

私はこのajax呼び出しを発見しました。それは完全に正常に動作します：

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

私が何() =>手段が取得できませんでした。私は成功を使用：function(){ }をしかし、それは私に

構築物は矢印関数と呼ばれる

Answer 1

「updateItemsは関数ではありません」というエラーになります。これは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をバインドする匿名関数のようなものです。 function（）に切り替えたときには、thisが何かにバインドされていたため、エラーになりました。

編集：

あなたはまだ使用し、その後、より伝統的な構文を使用する場合：

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

あなたが正しいオブジェクトにバインドされていることを確認します。