在学习js的继承的时候,尤其是用到构造函数的时候,会用到call()方法,有时候是apply()方法。那这两个方法到底是用来干什么的?它们有什么区别吗?
比如以下这个经典的例子:
function add(a,b){
alert(a+b);
}
function sub(a,b){
alert(a-b);
}
add.call(sub,4,2); //6
可以看到,add方法代替了sub方法。
再看下面这个经典的例子:
function fun1() {
this.a = 123;
this.add = function () { return this.a }
}
function fun2() {
this.a = 456;
}
var f1=new fun1();
var f2=new fun2();
var a = f1.add.call(f2); // a输出的是456
f2原本是没有add这个方法的,但在用了call之后,发现call让f1的方法给f2用了。
call与apply的第一个参数都是需要调用的函数对象,在函数体内这个参数就是this的值,剩余的参数是需要传递给函数的值,call与apply的不同就是call传的值可以是任意的,而apply传的剩余值必须为数组。