Diese Werte für Pfeil Funktionen

Question

Ich versuche Pfeil Funktionen in ECMAScript 6.

Dies ist die Definition, die ich über kam zu verstehen beim Lesen: haben

Pfeil Funktionen implizite this Bindung, was bedeutet, dass die Wert des this Wertes innerhalb einer Pfeilfunktion ist immer der gleiche wie der Wert this in dem Bereich, in dem die Pfeilfunktion definiert ist!

Nach der Definition, wie ich glaube this für ein arrow function die gleichen Block-Level-Werte enthalten soll, die der Pfeil Funktion in definiert wurde

Code:.

var test = { 
    id: "123123", 
    k: { 
    laptop: "ramen", 
    testfunc:() => console.log(this) 
    } 
} 

console.log(test.k.testfunc); 

Aber ich bin immer Dieses Ergebnis aus dem Code

function testfunc() { 
    return console.log(undefined); 
} 

Was ich dachte, ich würde g et würde eine Leistung von sein:

{"laptop": "ramen"} 

, wenn ich dies laufe

console.log(test.k.testfunc());

Answer 1

Lassen Sie sich in den äquivalenten ES5 Code umwandeln:

var test = { 
    id: "123123", 
    k: { 
    laptop: "ramen", 
    testfunc: function(){return console.log(this)}.bind(this) 
    } 
} 

Denken Sie daran, dass this auf abhängt, wie Du rufst die Funktion an. Der äußere this befindet sich nicht in einer Funktion, daher wird er im strikten Modus standardmäßig auf undefined gesetzt.

Vereinfachte Szenario unter:

console.log(this) // undefined 

var test = { 
    a: this // same `this` as above 
} 

Answer 2

Sie definieren den Pfeil Funktion im gleichen Umfang, die Sie var test definiert. Wenn Sie test im globalen Gültigkeitsbereich definieren, ist der Kontext der Pfeilfunktion ebenfalls der globale Gültigkeitsbereich.

Wenn Sie Test innerhalb einer Methode definieren, teilt die Pfeilfunktion den Kontext der Methode.