咱们能够将call和apply看作是某个对象的方法,经过调用方法的形式来间接调用函数。call和apply的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内经过this来得到对它的引用。数组
例如,若是要想以对象o的方法来调用函数f,能够按以下的方式使用call和apply方法:app
f.call(o);函数
f.apply(o);this
能够按以下的代码来理解:spa
o.m = f; //将f存储为o的临时方法对象
o.m(); //调用这个临时方法io
delete o.m; //将这个临时方法删除function
来个示例吧。test
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