call与apply

作用

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