Wie funktionieren diese Code-Blöcke in JavaScript?

Question

Lassen Sie uns Beispiele siehe:

zuerst:

var user = { 
    firstName: "John", 
    sayHi: function() { 
    alert(this.firstName); 
    } 
}; 

setTimeout(function() { 
    user.sayHi(); // John 
}, 1000); 

Sekunde:

var user = { 
    firstName: "John", 
    sayHi: function() { 
    alert(this.firstName); 
    } 
}; 

setTimeout(user.sayHi, 1000);// undefined 

Warum im zweiten Beispiel undefined? Und wie funktioniert das?

Answer 1

Wenn Sie eine Funktionsreferenz an eine setTimeout-Funktion übergeben, wird die übergebene Funktionsreferenz im Bereich window ausgeführt. So window.firstName wird undefined sein, da Sie keine Eigenschaft in window Objekt so haben.

var user = { 
    firstName: "John", 
    sayHi: function() { 
    alert(this.firstName); 
    } 
}; 

setTimeout(user.sayHi.bind(user), 1000); 

Wie Sie im obigen Code sehen können, müssen Sie den Bereich explizit an die Funktionsreferenz binden. Und auch Sie können die traditionelle Weise verwenden, die eine anonyme Funktion wie unten verwendet,

setTimeout(function(){ user.sayHi(); }, 1000);