JavaScript中apply()与call()的区别
2016-05-30 10:32
274 查看
apply()与call()的应用充分体现了JavaScript的动态变换运行时上下文特征,call,apply两个方法的示例如下:
foo.call(this,arg1,arg2,arg3)==foo.apply(this,arguments)==this.foo(arg1,arg2,arg3)
参数:this是方法执行时上下文相关对象,arg1,arg2,arg3是传给foo方法的参数。所谓的方法执行时上下文对象,就是在类实例化后对象中的this.
相同点:call()方法与apply()方法都属于Function.Prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.Prototype,所以每个Function对象实例额,也就是每个方法都有call,apply属性,既然作为方法的属性,那它们的使用就当然是针对方法的。
不同点:方法的传递的第二个参数不同。
在JavaSript中,代码总是有一个上下文对象,代码处理该对象之内。上下文对象是通过this变量来体现的,这个this对象永远指向当前代码所处的对象中。
应用实例:
var b=new B(); b.setMessage.call(a,"a的消息"); alert(a.getMessage);//a的消息
注意:a本身并没有这个方法 b.setMessage.call(a,"a的消息");就等于在a作执行时的上下文对象调用b对象的setMessage,而且这个过程和b一点关系也没有。 call,apply作用就是借用别人的方法来调用,就像调用自己的一样。 相异之处示例:
function print(a,b,c,d) { alert(a+b+c+d); } function example(a,b,c,d) { print.call(this,a,b,c,d); print.apply(this,argumrnts); print.apply(this,[a,b,c,d]) } example("bei","guang","jiao","bei");
在example方法中的上下文对象this是指window对象。所以,call,apply方法除了第一个参数——执行时上下文对象相同外,call方法的其他参数将依次传递给借用的方法作参数,而apply,第二个参数为一个数组传递。
call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数,
而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享