warum das Kontextfenster ist, wenn die "dieses" Schlüsselwort in Javascript

Question

ich über "this" in JS lerne und ich habe den folgenden Code:

var person1 = { 
    firstName: "John", 
    lastName: "Snow", 

    printName: function(){ 
    console.log(this); 
    } 
} 

var person2 = { 
    firstName: "Aria", 
    lastName: "Stark", 

    printName: function(callbackFunction){ 
    console.log(this); 
    callbackFunction(); 
    } 
} 

person1.printName(); 
person2.printName(person1.printName); 

Der Ausgang dieses Codes ist:

person1

person2

Fenster

ich verstehe, warum ich zu den inhaltlichen s person1 und person2 entsprechend, aber warum, wenn ich den Callback rufe, ist der Kontext Fenster und nicht person2?

Answer 1

callbackFunction In Ihrem Fall ist ein Ausdruck (vom Typ function), der den Kontext basierend darauf verwendet, wie sie aufgerufen werden (Kontext des Fensters, wenn kein Kontext bereitgestellt wird).

Wenn Sie die Methode des person1 aufgerufen werden, dann zwicken sie als

var person1 = { 
 
    firstName: "John", 
 
    lastName: "Snow", 
 

 
    printName: function(){ 
 
    console.log(this); 
 
    } 
 
} 
 

 
var person2 = { 
 
    firstName: "Aria", 
 
    lastName: "Stark", 
 

 
    printName: function(context, callbackFunction){ 
 
    console.log(this); 
 
    callbackFunction.bind(context).call(null); 
 
    } 
 
} 
 

 
person1.printName(); 
 
person2.printName(person1,person1.printName);

Hier bin ich vorbei die context auch, in dem die callbackFunction aufgerufen werden soll.

Und in der Funktion person2.printName binde ich den Kontext an die Callback-Funktion.