深入淺出Javascript中apply、call、bind

apply、call 的區別

對於 apply、call 二者而言，作用完全一樣，只是接受參數的方式不太一樣。例如，有一個函數定義如下：

var func = function(arg1, arg2) {
     
};

就可以通過如下方式來調用：

func.call(this, arg1, arg2);
func.apply(this, [arg1, arg2])；

其中 this 是你想指定的上下文，他可以是任何一個 JavaScript 對象(JavaScript 中一切皆對象)，call 需要把參數按順序傳遞進去，而 apply 則是把參數放在數組裏。

JavaScript 中，某個函數的參數數量是不固定的，因此要說適用條件的話，當你的參數是明確知道數量時用 call 。
而不確定的時候用 apply，然後把參數 push 進數組傳遞進去。當參數數量不確定時，函數內部也可以通過 arguments 這個僞數組來遍歷所有的參數。

apply、call、bind比較

那麼 apply、call、bind 三者相比較，之間又有什麼異同呢？何時使用 apply、call，何時使用 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 則會立即執行函數。

再總結一下：

1. apply 、 call 、bind 三者都是用來改變函數的this對象的指向的；
2. apply 、 call 、bind 三者第一個參數都是this要指向的對象，也就是想指定的上下文；
3. bind 是返回對應函數，便於稍後調用；apply 、call 則是立即調用 。