昨天在做面試題時遇到了這道題:
下面有關JavaScript中 call和apply的描述,錯誤的是?
A. call與apply都屬于Function.prototype的一個方法,所以每個function實例都有call、apply屬性
B. 兩者傳遞的參數不同,call函數第一個參數都是要傳入給當前對象的對象,apply不是
C. apply傳入的是一個參數數組,也就是將多個參數組合成為一個數組傳入
D. call傳入的則是直接的參數列表。call 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。
答案:B
Function.prototype.call()<——詳細請點擊
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值和參數。
Function.prototype.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()時,傳遞給函數的是參數數組)如下代碼做出解釋:
functionadd(c, d){
returnthis.a +this.b + c + d;
}
varo = {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 定義如下:
varfun =function(arg1, arg2) {};
就可以通過 fun.call(this, arg1, arg2); 或者 fun.apply(this, [arg1, arg2]); 來調用。其中 this 是你想指定的上下文,他可以任何一個 JavaScript 對象(JavaScript 中一切皆對象),call 需要把參數按順序傳遞進去,而 apply 則是把參數放在數組里。
JavaScript 中,某個函數的參數數量是不固定的,因此要說適用條件的話,當你的參數是明確知道數量時,用 call,而不確定的時候,用 apply,然后把參數 push 進數組傳遞進去。當參數數量不確定時,函數內部也可以通過 arguments 這個數組來遍歷所有的參數。