码迷,mamicode.com
首页 > 移动开发 > 详细

理解和熟练运用js中的call及apply

时间:2015-03-11 12:48:01      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

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下的所有方法了。

 

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

理解和熟练运用js中的call及apply

标签:

原文地址:http://www.cnblogs.com/xk911/p/4329319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!