理解和熟练运用js中的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方法,

//那么我们可以通过callapplyblackCatsay方法:

blackCat.say.call(whiteDog);//这里会立即执行 弹出提示

 

所以,可以看出callapply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助callapply用其它对象的方法来操作。

 

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

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

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

 

其他的就不提了,讲多了反而迷惑。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。