作用
call与apply这2个方法,都能改变this指向。
例子
call与apply最大的用处,就是用来继承。
function Person(name,age){
this.name = name;
this.age = age;
this.printMsg = function(){
alert('my name is :' + this.name + ', my age is :' + this.age);
}
}
function Men(name,age){
Person.call(this,name,age);
}
var m1 = new Men('tom', '18');
var m2 = new Men('marry', '25');
m1.printMsg();
m2.printMsg();
有一个父类Person和一个子类Men。父类拥有的属性,子类拥也想有。这时候就可以用call与apply。
当我们new一个Men对象的时候,首先会执行Person.call(this,name,age);这句话。然后Men类会去把Person拥有的变量和方法都
拷贝一份给自己。
Person.call(this,name,age); 这句代码的功能相当于这样 :
function Men(name,age){
this.name = name;
this.age = age;
this.printMsg = function(){
alert('my name is :' + this.name + ', my age is :' + this.age);
}
}
call与apply异同
相同点 :都能改变this指向
异同点 :call从第二个参数开始,可以接受无数个参数,每个参数都会映射到父类的变量中。apply第二个参数规定是一个数组,
数组中的每个参数也会映射到父类的变量中。所以如果上面的例子,我们用apply来实现的话,可以这样写 :
function Person(name,age){
this.name = name;
this.age = age;
this.printMsg = function(){
alert('my name is :' + this.name + ', my age is :' + this.age);
}
}
function Men(name,age){
Person.apply(this,[name,age]); //就这里不同
this.name = name;
this.age = age;
this.printMsg = function(){
alert('my name is :' + this.name + ', my age is :' + this.age);
}
}
var m1 = new Men('tom', '18');
var m2 = new Men('marry', '25');
m1.printMsg();
m2.printMsg();
ps :需要注意的是,用这种方式来实现继承有个缺点,函数都不是共享的。比如我们可以打印
alert(m1.printMsg === m2.printMsg)
此时的结果是false