apply和call的存在,就是为了动态改变this而出现的。
当一个Object没有某个方法,但是其他的object有,这个时候就可以借助apply和call用其他对象的方法来操作。
举个栗子:
var Amy = function(){
ame = 'amy';
age = 23;
console.log("name:"+this.name+", age:"+this.age);
};
var nextYearAmy= {
name: 'aliveAmy',
age: 24
};
console.log(nextYearAmy) //空对象: {}
var finalAmy = Amy.call(nextYearAmy); //name:aliveAmy, age:24
call 和 apply的作用完全一样,只是接受参数的方式并不太一样。
obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
在知乎上看到一个例子:
以下的都是复制的。
【作者杨志】
function cat(){};
cat.prototype={
food:"fish",
say: function(){
alert("I love "+this.food);
}
}
var blackCat = new cat;
blackCat.say();
但是如果我们有一个对象whiteDog = {food:”bone”},我们不想对它重新定义say方法,那么我们可以通过call或apply用blackCat的say方法:blackCat.say.call(whiteDog);
用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:var domNodes = Array.prototype.slice.call(document.getElementsByTagName(“*”));这样domNodes就可以应用Array下的所有方法了。其他的就不提了,讲多了反而迷惑。