javascript中call和apply有哪些區別

今天小編給大家分享一下javascript中call和apply有哪些區別的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

在JavaScript中，call()方法和apply()方法的作用相同，區別在于接收參數的方式不同；在使用call()方法時，傳遞給函數的參數必須逐個列舉出來，使用apply()時，傳遞給函數的是參數數組。

本教程操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript中call和apply有什么區別

call() 方法調用一個函數, 其具有一個指定的this值和分別地提供的參數(參數的列表)。

　　注意：該方法的作用和 apply() 方法類似，只有一個區別，就是call()方法接受的是若干個參數的列表，而apply()方法接受的是一個包含多個參數的數組。

　　語法

fun.call(thisObj[, arg1[, arg2[, ...]]])

　　　　定義：調用一個對象的一個方法，以另一個對象替換當前對象。

　　　　說明：

　　　　　　call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。

　　　　　　如果沒有提供 thisObj 參數，那么 Global 對象被用作 thisObj。

　　參數

　　　　thisObj

　　　　在fun函數運行時指定的this值。需要注意的是，指定的this值并不一定是該函數執行時真正的this值，如果這個函數處于非嚴格模式下，則指定為null和undefined的　　

　　　　this值會自動指向全局對象(瀏覽器中就是window對象)，同時值為原始值(數字，字符串，布爾值)的this會指向該原始值的自動包裝對象。

　　　　arg1, arg2, ...

　　　　指定的參數列表。

返回值

返回結果包括指定的this值和參數。

apply()

apply() 方法調用一個函數, 其具有一個指定的this值，以及作為一個數組（或類似數組的對象）提供的參數。

語法

fun.apply(thisObj, [argsArray])

　　定義：應用某一對象的一個方法，用另一個對象替換當前對象。

　　說明：

　　　　如果 argsArray 不是一個有效的數組或者不是 arguments 對象，那么將導致一個 TypeError。

　　　　如果沒有提供 argArray 和 thisObj 任何一個參數，那么 Global 對象將被用作 thisObj， 并且無法被傳遞任何參數。

參數

　　thisObj

　　　　在 fun 函數運行時指定的 this 值。需要注意的是，指定的 this 值并不一定是該函數執行時真正的 this 值，如果這個函數處于非嚴格模式下，則指定

　　　　為 null 或 undefined 時會自動指向全局對象（瀏覽器中就是window對象），同時值為原始值（數字，字符串，布爾值）的 this 會指向該原始值的自動包裝對象。

　　argsArray

　　　　一個數組或者類數組對象，其中的數組元素將作為單獨的參數傳給 fun 函數。如果該參數的值為null 或 undefined，則表示不需要傳入任何參數。從ECMAScript 5

　　　　 開始可以使用類數組對象。

總結

兩者作用一致，都是把obj(即this)綁定到thisObj，這時候thisObj具備了obj的屬性和方法?；蛘哒fthisObj『繼承』了obj的屬性和方法。

唯一區別是apply接受的是數組參數，call接受的是連續參數。

call（）方法和apply（）方法的作用相同，他們的區別在于接收參數的方式不同。對于call（），第一個參數是this值沒有變化，變化的是其余參數都直接傳遞給函數。（在使用call（）方法時，傳遞給函數的參數必須逐個列舉出來。使用apply（）時，傳遞給函數的是參數數組）如下代碼做出解釋：

function add(c, d){
    return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34　

call 和 apply 都是為了改變某個函數運行時的 context 即上下文而存在的，換句話說，就是為了改變函數體內部 this 的指向。因為 JavaScript 的函數存在「定義時上下文」和「運行時上下文」以及「上下文是可以改變的」這樣的概念。

二者的作用完全一樣，只是接受參數的方式不太一樣。例如，有一個函數 fun 定義如下：

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

就可以通過 fun.call(this, arg1, arg2); 或者 fun.apply(this, [arg1, arg2]); 來調用。其中 this 是你想指定的上下文，他可以任何一個 JavaScript 對象(JavaScript 中一切皆對象)，call 需要把參數按順序傳遞進去，而 apply 則是把參數放在數組里。

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

以上就是“javascript中call和apply有哪些區別”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。