在JavaScript中,call()方法和apply()方法的作用相同,差別在於接收參數的方式不同;在使用call()方法時,傳遞給函數的參數必須逐一列舉出來,使用apply()時,傳遞給函數的是參數陣列。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
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學習教學
以上是javascript中call和apply有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!