call和apply的第一個實參是要調用函數的母對象,它是調用上下文,在函數體內通過this來獲得對它的引用。
例如,如果要想以對象o的方法來調用函數f,可以按如下的方式使用call和apply方法:
復制代碼 代碼如下:
f.call(o);
f.apply(o);
可以按如下的代碼來理解:
復制代碼 代碼如下:
o.m = f; //將f存儲為o的臨時方法
o.m(); //調用這個臨時方法
delete o.m; //將這個臨時方法刪除
來個示例吧。
復制代碼 代碼如下:
function testFun(){
return this.a + this.b;
}
var o = {a:1, b:2};
testFun.call(o); //3
testFun.apply(o); //3
上述代碼執行的結果均為3,可以理解為return o.a + o.b。
考慮一個問題,如果call和apply方法的第一個實參為null或者undefined為怎樣?來看下面的一個例子:
復制代碼 代碼如下:
var a = 10, b = 20;
function testFun(){
return this.a + this.b;
}
testFun.call();
testFun.apply();
上述代碼執行的結果均為30。這是因為call和apply的第一個實參如果傳入的是null或者undefined,則會被全局對象代替。
那call和apply這兩個方法有什麼區別呢?
對於call方法來說,第一個調用上下文實參之後的所有實參就是要傳入待調用函數的值。比如,以對象o的方法的形式調用函數f,並傳入兩個參數,就可以使用如下的代碼:
復制代碼 代碼如下:
f.call(o, 1, 2);
而apply方法則將第一個實參之後的所有實參放入一個數組內,
復制代碼 代碼如下:
f.apply(o, [1, 2]);
來個例子吧
復制代碼 代碼如下:
function testFun(x, y){
return this.a + this.b + x + y;
}
var o = {a:1, b:2};
testFun.call(o, 10, 20);
testFun.apply(o, [10, 20]);
上述代碼的執行結果為33,可以理解為 return o.a + o.b + 10 + 20