1.背景介紹

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

JavaScript 的一大特點是，函數存在「定義時上下文」和「運行時上下文」以及「上下文是可以改變的」這樣的概念。

2.知識剖析

call和apply的定義

1.call()方法調用具有給定this值的函數和單獨提供的參數。說白了就是改變this的指向
2.apply()方法調用具有給定this值的函數，并作為數組（或類似數組的對象）提供。

3.常見問題

問題一：為什么要用call()和apply()方法？

問題二：call()和apply()兩種方法的區別

4.解決方案

比如有段這樣的函數：

    function cat() {
    }

    cat.prototype = {
        food: "fish",
        say: function () {
            alert('I love ' + this.food);
        }
    };
    var blackCat = new cat;
    blackCat.say();
    var whiteDog = {food: 'bone'};
    blackCat.say.call(whiteDog);

我們有一個對象whiteDog = {food:”bone”},我們不想對它重新定義say方法,那么我們可以通過call或apply用blackCat的say方法：blackCat.say.call(whiteDog);

call與apply的區別

call, apply都屬于Function.prototype的一個方法,它是JavaScript引擎內在實現的,因為屬于Function.prototype,所以每個Function對象實例,也就是每個方法都有call,apply屬性.既然作為方法的屬性,那它們的使用就當然是針對方法的了.這兩個方法是容易混淆的,因為它們的作用一樣,只是使用方式不同.

相同點:兩個方法產生的作用是完全一樣的。

不同點:方法傳遞的參數不同call()接受的是一個參數列表，而apply()接受一個參數數組。

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

其中 this 是你想指定的上下文，他可以是任何一個 JavaScript 對象(JavaScript 中一切皆對象)，call 需要把參數按順序傳遞進去，而 apply則是把參數放在數組里。因此要說適用條件的話，當你的參數是明確知道數量時用 call 。 而不確定的時候用 apply，然后把參數 push 進數組傳遞進去。

舉個小栗子來區別call和apply

獲取數組中的最大值和最小值

var numbers = [5, 458 , 120 , -215 ];
var maxInNumbers = Math.max.apply(Math, numbers);//458
maxInNumbers = Math.max.call(Math,5, 458 , 120 , -215); //458

5.編碼實戰

如上

6.擴展思考

還有哪些和call，apply類似的方法?

bind() 方法

bind() 方法與 apply 和 call 很相似，也是可以改變函數體內 this 的指向。
bind()方法會創建一個新函數，稱為綁定函數，當調用這個綁定函數時，綁定函數會以創建它時傳入 bind()方法的第一個參數作為
this，傳入 bind() 方法的第二個以及以后的參數，加上綁定函數運行時本身的參數，按照順序作為原函數的參數來調用原函數。
也就是說，區別是，當你希望改變上下文環境之后并非立即執行，而是回調執行的時候，使用 bind() 方法。而 apply/call
則會立即執行函數。

7.參考文獻

參考一：【優雅代碼】深入淺出妙用Javascript中apply、call、bind
參考二：js中bind、call、apply函數的用法