调用一个对象的一个方法,并以另一个对象来替换该对象。
call(thisObject,arg1,arg2,…,argn);
apply(thisObject,[arg1,arg2,…,argn]);
call和apply都是为了改变某个函数运行时的context即上下文而存在的,换言之,即为了改变函数体内部的this的指向的。二者作用一样,只不过是接受参数的形式不一样。
obj.call(thisObj,arg1,arg2,…);
obj.apply(thisObj,[arg1,arg2,…]);
两者的作用一致,都是将obj(即this)绑定到thisObj,这时候thisObj具备了obj的属性和方法。
function Animal(){
this.name = "Animal";
this.showName = function(){
alert(this.name);
}
}
function Cat(){
this.name = "Cat";
}
var animal = new Animal();
var cat = new Cat();
//通过call或apply方法,将原本属于Animal对象的showName()方法交给对象cat来使用了。
//输入结果为"Cat"
animal.showName.call(cat,",");
//animal.showName.apply(cat,[]);
call 的意思是把 animal 的方法放到cat上执行,原来cat是没有showName() 方法,现在是把animal 的showName()方法放到 cat上来执行,所以this.name 应该是 Cat。
function cat(){};
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();
如果一个对象为dog={food:’bone’},我们不想对它重新定义say方法,此时可以通过apply或call 用blackCat的say方法,即:blackCat.say.call(dog)
此时弹框弹出:i love bone。
call和apply是为了动态改变this的,当一个object没有某个方法,但其他有时,就可借助这两个方法。
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:var domNodes = Array.prototype.slice.call(document.getElementsByTagName(“*”));这样domNodes就可以应用Array下的所有方法了。