綁定與調用/應用的setTimeout

Question

我正在查看一些代碼，發現這是綁定和調用/應用之間的區別。

var colt = {
    firstName: "rohit",
    sayHI: function() {
        setTimeout(function(){
            console.log("hi" + this.firstName)
        }, 3000)
    }
}

• 在這里，當this.firstName運行時，由於該函數已經執行，因此它開始引用全局上下文。 那么我們該如何解決呢？
• 我們可以使用Call and Apply，但是Call and Apply會立即調用該函數。
• 因此，我們使用bind。 綁定方法返回函數定義

然后他們提到了這個例子

 var colt = {
        firstName: "rohit",
        sayHI: function() {
            setTimeout(function(){
                console.log("hi" + this.firstName)
            }.bind(this), 3000)
        }
    } //this would be evoked when the function runs

由於某些原因，我無法理解。 有人可以幫我理解嗎？

Answer 1

編輯：

  let colt = { firstName: "rohit", sayHI: function() { setTimeout( /* 1. Create a new function. */ function() { /* 3. The 'this' = colt object. */ console.log("hi" + this.firstName) } /* 2. Make a copy of the function and set the inside 'this' keyword with a colt object. And when you call 'this' inside the function is this colt object. */ .bind(this), 500); } }.sayHI(); //this would be evoked when the function runs