首頁 > 文章 > web前端 > javascript中call和apply有什麼差別

javascript中call和apply有什麼差別

WBOY原創: 2022-01-28 15:24:242405瀏覽

在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的屬性和方法。或者說thisObj『繼承』了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有什麼差別

javascript中call和apply有什麼區別

相關文章