JavaScript设计模式之call

根据w3school中的说法call() 方法是与经典的对象冒充方法最相似的方法。它的第一个参数用作 this 的对象。其他参数都直接传递给函数自身。下面我们个简单的例子：

 function ClassA() {

  this.name = "ClassA";

  this.sayName = function() {

   alert(this.name);

  }

 }

 function ClassB() {

  this.name = "ClassB";

 }

 var a = new ClassA();

 var b = new ClassB();

 a.sayName.call(b);

运行结果就是：alert("ClassB")。为什么会这样呢？关键在a.sayName.call(b);这句，它的意思是将a中的sayName方法添加到b中执行，因此现在b中除了name属性之外还会就会多个sayName方法。

下面我们来看一个用call来模拟类的继承了例子：

function ClassA(){

    this.name = "ClassA";

    this.sayName = function(){

        alert(this.name);

    }

}

 function ClassB(){

    ClassA.call(this);//用ClassA代替this(此时的this指向ClassB)，因此ClassB就拥有了ClassA的属性和方法

    this.name = "ClassB";//注意这句代码的位置很关键，如果放到call语句的后面会ClassA中的name会将

}

var b = new ClassB();

b.sayName();

同样执行的结果依旧是：alert("ClassB")。关键是ClassA.call(this)，代码中已经有了详细的说明，这里就不再说了。