蝙蝠岛资源网

JavaScript中函数（Function）的apply与call理解
网络编程 2025/5/23 佚名
2 0
蝙蝠岛资源网 Design By www.hbtsch.com

JavaScript函数调用分为4中模式：

1. 方法调用模式：即对象包含方法属性，Obj.methodName()或者Obj[methodName]()。
2. 函数调用模式：即methodName()。
3. 构造器调用模式：即new MethodName()。
4. apply和call调用模式：即ObjA.apply(ObjB,args[])或者ObjA.call(ObjB,arg1,arg2...)。

函数调用时，除了接收形式参数外，还会接收this和arguments。其中this为函数对象上下文，arguments为实际参数。
apply和call实现同样的功能，即切换函数对象的上下文(this指向的引用)，区别在于形式参数不一样。apply为arguments或者数组，call为以逗号隔开多个单独形式参数。

function add(c) 
{ 
  alert(this.a+this.b+c); 
} 
var test={a:1,b:2} 
add.call(test,3);


在执行add.call(test,3); 之前add和test都属于window下，此时this指向window。add.call(test,3); 执行时，进入add方法体，此时this由window切换为test，此时this.a=test.a,this.b=test.b,c为形式参数传入的值，即alert()的结果为1+2+3=6。apply也是一样的功能。
 
通过apply和call实现扩展和继承：

function Animal(name){   
   this.name = name;   
   this.showName = function(){   
     alert(this.name);   
   }   
 }   
   
 function Cat(name){  
   Animal.call(this, name); 
 }   
   
 var cat = new Cat("Black Cat");//执行时，Cat函数体的this由window切换为Cat{}， 
// Animal函数体的this.name通过形式参数传入即为Black Cat，最终cat 
 //得到的结果为cat=Cat{name:"Black Cat",showName: function(){ alert(this.name);}， 
 cat.showName();//执行时this由window切换为 
 //Cat{name:"Black Cat",showName: function(){ alert(this.name);} 此时this.name 
 //为this.name=Cat.name,因此为Black Cat。

标签：
JavaScript,函数,Function,apply,call
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“JavaScript中函数（Function）的apply与call理解”

暂无JavaScript中函数（Function）的apply与call理解的评论...
www.hbtsch.com 蝙蝠岛资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 MicroAirGrinder 南强小屋 幽灵资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 HerbalExtract 蝙蝠岛资源网 白云城资源网 天枫庄资源网 无争山庄资源网 HerbalExtracts FoodColouring NaturalHerbal HerbalOnline NaturalColouring 更多链接
蝙蝠岛资源网 Design By www.hbtsch.com