在JavaScript中call()与apply()区别
如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的”偏见”,因为这对您来说绝对是一片新大陆,让JavaScrip
好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply,call两个方法的运用上.
一、方法的定义
call方法:
语法：call(thisObj，Object)
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call方法可以用来代替另一个对象调用一个方法。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。
如果没有提供thisObj参数，那么Global对象被用作thisObj。
apply方法：
语法：apply(thisObj，[argArray])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果argArray不是一个有效的数组或者不是arguments对象，那么将导致一个TypeError。
如果没有提供argArray和thisObj任何一个参数，那么Global对象将被用作thisObj，并且无法被传递任何参数。
--------------------------------------------------------------------------------
注意：call和apply方法完全一致，只是apply在传参的方式上，它以数组方式来传参。
代码示例：
functionAnimal(name){
this.name=name;
this.showName=function(){
console.log(this.name);
};
}
functionCat(name){
Animal.call(this,name);
}
Cat.prototype=newAnimal();
functionDog(name){
Animal.apply(this,name);
}
Dog.prototype=newAnimal();
varcat=newCat("BlackCat");//call必须是object
vardog=newDog(["BlackDog"]);//apply必须是array
cat.showName();
dog.showName();
console.log(catinstanceofAnimal);
console.log(doginstanceofAnimal);
-------------------------------------------------------------------------------
模拟call,apply的this替换
functionAnimal(name){
this.name=name;
this.showName=function(){
alert(this.name);
};
};
functionCat(name){
this.superClass=Animal;
this.superClass(name);
deletesuperClass;
}
varcat=newCat("BlackCat");
cat.showName();
总结：
它们各自的定义：
apply：应用某一对象的一个方法，用另一个对象替换当前对象。
call：调用一个对象的一个方法，以另一个对象替换当前对象。
它们的共同之处：
都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。”——摘自JScript5.5.chm
它们的不同之处：
apply：最多只能有两个参数——新this对象和一个数组argArray。如果给该方法传递多个参数，则把参数都写进这个数组里面，当然，即使只有一个参数，也要写进数组里面。如果argArray不是一个有效的数组或者不是arguments对象，那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数，那么Global对象将被用作thisObj，并且无法被传递任何参数。
call：则是直接的参数列表，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供thisObj参数，那么Global对象被用作thisObj。
更简单地说，apply和call功能一样，只是传入的参数列表形式不同：如func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])