call和apply

标签（空格分隔）： 前端

在javascript OOP中，我们经常会这样定义：

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);

所以，可以看出call和apply是为了动态改变this(调用该方法的对象，调用say（）方法的对象是blcckCat）而出现的，当一个对象没有某个方法，但是其他对象有，我们可以借助call或apply用其它对象的方法来操作。

用的比较多的，通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过：

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));

这样domNodes就可以应用Array下的所有方法了。