Was ist() => Operator?

Question

Ich stieß auf diesen Ajax Anruf. Es funktioniert völlig in Ordnung:

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

ich nicht bekommen, was () => Mittel. Ich habe Erfolg: function(){ } aber dann gibt es mir einen Fehler

„updateItems ist keine Funktion“

Answer 1

Das Konstrukt wird ein Pfeil-Funktion aufgerufen. Es wurde mit dem ES2015 Standard eingeführt und funktioniert ähnlich wie die function() {} Syntax.

Für weitere Informationen, check the MDN docs.

Beachten Sie, dass diese Syntax noch nicht von allen Browsern unterstützt wird, insbesondere ältere Versionen. Sie sollten daher in transpiling it into ES5 compliant JavaScript schauen.

---

Der Grund, warum Ihr Versuch, sie in eine klassische function() {} nicht zu transformieren ist, dass klassische Funktionen ihren eigenen this Wert definieren, während der Pfeil Funktionen der this Wert der umgebenden Funktion verwenden. Deshalb kann this.updateItems nicht mehr gefunden werden.

Um dies zu beheben, bindet die Funktion Kontext manuell:

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

Answer 2

Es ist eine Pfeil-Funktion, und ist wie eine anonyme Funktion, die auch this bindet. Wenn Sie es auf eine Funktion() umgestellt haben, war die this an etwas anderes gebunden, daher der Fehler.

Edit:

Wenn Sie immer noch eine eher traditionelle Syntax verwenden möchten, dann verwenden:

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

, die Sie das richtige Objekt gebunden wird sichergestellt sind.