如何理解和熟練運(yùn)用js中的call及apply

kuangcaibao 發(fā)布于2019-08-20 14:14 / 3408人閱讀

摘要：用的比較多的，通過(guò)選擇的節(jié)點(diǎn)是一種類似的。它不能應(yīng)用下的等方法。和都是為了改變某個(gè)函數(shù)運(yùn)行時(shí)的即上下文而存在的，換句話說(shuō)，就是為了改變函數(shù)體內(nèi)部的指向。這些的話也就能明白它倆的用處以及它們定義。

要明白call以及apply 首先得知道他們的用法如何有什么用

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

但是如果我們有一個(gè)對(duì)象whiteDog = {food:"bone"},我們不想對(duì)它重新定義say方法，那么我們可以通過(guò)call或apply用blackCat的say方法：blackCat.say.call(whiteDog);

所以，可以看出call和apply是為了動(dòng)態(tài)改變this而出現(xiàn)的，當(dāng)一個(gè)object沒(méi)有某個(gè)方法，但是其他的有，我們可以借助call或apply用其它對(duì)象的方法來(lái)操作。

用的比較多的，通過(guò)document.getElementsByTagName選擇的dom 節(jié)點(diǎn)是一種類似array的array。它不能應(yīng)用Array下的push,pop等方法。我們可以通過(guò)：

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
這樣domNodes就可以應(yīng)用Array下的所有方法了。

call 和 apply 都是為了改變某個(gè)函數(shù)運(yùn)行時(shí)的 context 即上下文而存在的，換句話說(shuō)，就是為了改變函數(shù)體內(nèi)部 this 的指向。因?yàn)?JavaScript 的函數(shù)存在「定義時(shí)上下文」和「運(yùn)行時(shí)上下文」以及「上下文是可以改變的」這樣的概念。

二者的作用完全一樣，只是接受參數(shù)的方式不太一樣。例如，有一個(gè)函數(shù) func1 定義如下：

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

就可以通過(guò) func1.call(this, arg1, arg2); 或者 func1.apply(this, [arg1, arg2]); 來(lái)調(diào)用。其中 this 是你想指定的上下文，他可以任何一個(gè) JavaScript 對(duì)象(JavaScript 中一切皆對(duì)象)，call 需要把參數(shù)按順序傳遞進(jìn)去，而 apply 則是把參數(shù)放在數(shù)組里。

JavaScript 中，某個(gè)函數(shù)的參數(shù)數(shù)量是不固定的，因此要說(shuō)適用條件的話，當(dāng)你的參數(shù)是明確知道數(shù)量時(shí)，用 call，而不確定的時(shí)候，用 apply，然后把參數(shù) push 進(jìn)數(shù)組傳遞進(jìn)去。當(dāng)參數(shù)數(shù)量不確定時(shí)，函數(shù)內(nèi)部也可以通過(guò) arguments 這個(gè)數(shù)組來(lái)便利所有的參數(shù)。

這些的話也就能明白它倆的用處以及它們定義。

我也是從知乎大牛的回答里面看到然后總結(jié)下來(lái)的。