Chinaunix首页 | 论坛 | 博客
  • 博客访问: 461826
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2014-11-06 14:06:04

JS中call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。

简单看看这两个联系和区别。

两者的格式和参数定义:

call( thisArg [,arg1,arg2,… ] );       // 参数列表,arg1,arg2,...
apply(thisArg [,argArray] );              //参数数组,argArray

 
联系:

网上查到关于apply和call的定义:这两个方法都能劫持另外一个对象的方法,继承另外一个对象的属性.

xxxFunction.apply(obj,args) 方法接收两个参数
obj
:这个对象将代替xxxFunction类里this对象,也即xxxFunction类(函数)里的this不在是指 xxxFunction 本身,而是obj;
args:这个是数组类型的参数,它将作为参数传给Function(args --> arguments)
结果是还是执行 xxxFunction 类方法(函数)的功能,只不过该 xxxFunction 函数以另一个目标对象和一个数组作为参数传递进 xxxFunction 函数,xxxFunction函数里面的 this 是传进的目标对象,而不是 xxxFunction 本身;

call:和apply类似的,只不过是参数列表不一样.

xxxFunction.call(obj,[param1[,param2[,...[,paramN]]]])
obj
这个对象将代替xxxFunction类里this对象,(跟apply中的obj一样);
params:这个是一个参数列表(即逗号隔开的零个或多个参数),不是数组;
结果是还是执行 xxxFunction 类方法(函数)的功能,只不过该 xxxFunction 函数以另一个目标对象和一个参数列表[即用逗号隔开的零或多个参数]作为参数传递进 xxxFunction 函数,xxxFunction函数里面的 this 是传进的目标对象,二不是 xxxFunction 本身;


区别:
用法上不同,主要是参数不完全同

  1. function Person(name,age) {
  2. this.name=name;
  3. this.age=age;
  4. this.money = 500;
  5. }
  6. function myFun(money) {        
  7.     alert(this.money);
  8. }
  9. var money = 100;
  10. myFun(money);
  11. //return 100; //window.myFun(money); save to myFun(money);
  12. //这个时候this指向的是window对象,其实myFun函数和定义的var money = 100;都作为window对象子对象(即全局对象)
  13. myFun.apply(window,[]); //save to window.myFun.apply(window,[]);
  14. //return 100; //同上
  15. myFun.apply(new Person('zhangsan',23),[]);
  16. //return 500, 空数组作为参数,仅符合语法要求
  17. //这个时候myFun方法里面的this指向的是new Person('zhangsan',23)对象,二不是myFun类(函数),故弹出500
  18. myFun.call(new Person('zhangsan',23),money,300,'mycardId');
  19. //return 500, 后面money,300和mycardId是参数列表作为参数,一一列出
更多可参考: http://blog.csdn.net/myhahaxiao/article/details/6952321


阅读(399) | 评论(0) | 转发(0) |
1

上一篇:js中typeof的用法汇总

下一篇:addLoadEvent

给主人留下些什么吧!~~