js中call、apply、bind的區別

在 javascript 中，call、apply、bind 都是為了改變某個函數運行時的上下文（context）而存在的，換句話說，就是為了改變函數體內部 this 的指向。

js中call、apply、bind的區別

call、apply、bind三者的差別，可以透過下面這個例子來看。

var obj = {
    x: 81,
};
 
var foo = {
    getX: function() {
        return this.x;
    }
}
 
console.log(foo.getX.bind(obj)());  //81
console.log(foo.getX.call(obj));    //81
console.log(foo.getX.apply(obj));   //81

三個輸出的都是81，但是注意看使用 bind() 方法的，他後面多了對括號。

也就是說，差異是，當你希望改變情境環境之後並非立即執行，而是回呼執行的時候，使用 bind() 方法。而 apply/call 則會立即執行函數。

總結一下：

apply 、 call 、bind 三者都是用來改變函數的this物件的指向的；

apply 、 call 、bind 三者第一個參數都是this要指向的對象，也就是想指定的上下文；

apply 、 call 、bind 三者都可以利用後續參數傳參；

# bind 是傳回對應函數，以便稍後呼叫；

apply 、call 則是立即呼叫。

本文來自 js教學 欄目，歡迎學習！

以上是js中call、apply、bind的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！