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)，代码中已经有了详细的说明，这里就不再说了。