ES6 Pfeil Funktion lexikalischer dies in V8

Question

Ich habe folgende ES6 Code einen fetten Pfeil Funktion:

var test = { 
    firstname: 'David', 
    fn: function() { 
    return ['one', 'two', 'tree'].map(() => this.firstname) 
    } 
} 
console.log(test.fn()) 

Je nachdem, wie Pfeil Funktionen sollen arbeiten würde ich erwarten this das test Objekt sein. ES6Fiddle, erzeugen Traceur und Firefox die erwartete Ausgabe, die ["David", "David", "David"] ist.

Beim Aktivieren dieser Funktionen in Chrome mit chrome://flags/#enable-javascript-harmony, bekomme ich jedoch [undefined, undefined, undefined]. Wenn Sie console.log(this) es zeigt, dass es das Fensterobjekt ist und Sie einen Fehler im strikten Modus erhalten. Ist die lexikalische this für ES6-Pfeilfunktionen in V8 noch nicht implementiert?

Answer 1

Lexikal this ist der letzte Teil der ES6 Pfeilfunktionen in V8 landen und es ist der Grund, warum es immer noch hinter einer Flagge und noch nicht versandbereit ist. Adrian Perez bei Igalia implementiert Pfeilfunktionen und der finale Patch ist fast fertig zum Landen, sobald ein paar TurboFan-Probleme ausgearbeitet sind: https://codereview.chromium.org/883823002/

Answer 2

Der dicke Pfeil ist eine Eigenschaft von ES6. Es wurde in Firefox (Gecko), aber noch nicht in anderen Browsern eingeführt (und schon gar nicht vollständig in V8, die für NodeJS wäre interessant/iojs Entwicklung) .Hier ist eine Referenz doc

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Browser_compatibility

Anyways Wenn Sie brauchen der Umfang bindend, dann statt =>bind() verwenden. Hier ist ein einfaches Beispiel.

Statt dessen.

$("#example").on("click",() => { 
    // your code goes here 
}); 

Verwenden Sie dies.

$("#example").on("click", (function() { 
    // your code goes here 
}).bind(this)); 

Wenn Sie den Umfang nicht benötigen, dann tun Sie es einfach.

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