apply 和 call

1. 一句话概括

代码

foo.call(this, arg1, arg2, arg3)
== foo.apply(this, arguments)
== this.foo(arg1, arg2, arg3)

2. call 的使用

代码

function A() {
this.msg = "msg A";
this.getMsg = function() {
return this.msg;
}
}

function B() {
this.msg = "msg B";
this.setMsg = function(val) {
this.msg = val;
}
}

var a = new A(),
b = new B();

//对象A本身没有setMsg方法，而是B把自己的setMsg方法指派给A使用
//相当于a.setMsg("call from b")
b.setMsg.call(a, "call from b");

console.log(a.getMsg());

3. 和 apply 的比较

代码

function print(a, b, c, d) {
console.log(a + b + c + d);
}

function example(a, b, c, d) {
//参数显式打散传递
print.call(this, a, b, c, d);

//参数作为一个整体的数组来传递
//方式一
print.apply(this, arguments);
//方式二
print.apply(this, [a, b, c, d]);
}

//输出”哈喽沃德“
example("哈", "喽", "沃", "德");

4. 总结

相同：作用相同，都是在特定的作用域中调用函数；
不同：用法不同导致应用场景不同，call的第二个参数必须一个一个列举出来，一般在参数明确的情况下使用，apply的第二个参数是一个参数数组或者argements，一般在参数个数不确定的情况下使用。