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

js 中的call apply

时间:2018-02-27 12:04:29      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:detail   替换   lov   定义   tool   push   alt   tail   art   


在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而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。

用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
这样domNodes就可以应用Array下的所有方法了。

1.call()

语法:obj1.call(obj2[,param1,param2,...])
定义:用obj2对象来代替obj1,调用obj1的方法。即将obj1应用到obj2上。
说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象。 如果没有提供 obj2参数,那么 Global 对象被用作 obj2。

2.apply()

语法:obj1.call(obj2[,arrArg])
定义:用obj2对象来代替obj1,调用obj1的方法。即将obj1应用到obj2上。
说明:call ()和apply()作用一样,但是call()可以接收任何类型的参数,而apply()只能接收数组参数。

3.基本用法

[javascript] view plain copy
 
  1. function add(a,b){  
  2.     return a+b;  
  3. }  
  4. function sub(c,d){  
  5.     return c-d;  
  6. }  
  7. function result(){  
  8.     this.addValue = null;  
  9.     this.subValue = null;  
  10.     this.showResult=function(){  
  11.         alert(this.addValue);  
  12.         alert(this.subValue);  
  13.     }  
  14. }  
  15. var r = new result();  
  16. r.addValue = add.call(sub,4,2); //6,将add方法应用到sub上,即sub的指针指向add方法  
  17. r.subValue = sub.call(add,4,2); //2,用add对象替换sub对象,并调用sub对象的方法  
  18. r.showResult(); //在js中函数也是一个Function对象,函数名即是对象引用  

4.继承特性

[javascript] view plain copy
 
  1. function add(a,b){  
  2.     return a+b;  
  3. }  
  4. function sub(c,d){  
  5.     return c-d;  
  6. }  
  7. function result(){  
  8.     this.addValue = null;  
  9.     this.subValue = null;  
  10.     this.showResult=function(){  
  11.         alert(this.addValue);  
  12.         alert(this.subValue);  
  13.     }  
  14. }  
  15. var r = new result();  
  16. r.addValue = add.call(r,4,2);   //6,r继承add函数的所有特性  
  17. r.subValue = sub.call(r,4,2);   //2,r集成sub函数的所有特性  
  18. r.showResult();   

js 中的call apply

标签:detail   替换   lov   定义   tool   push   alt   tail   art   

原文地址:https://www.cnblogs.com/liangshuang/p/8478109.html

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