前端学习(十五)call 和 apply 的区别
来源:互联网 发布:java将双引号替换空格 编辑:程序博客网 时间:2024/06/05 18:21
call方法:
语法:call(thisObj,Object..)
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
apply方法:
语法:apply(thisObj,[argArray])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明: 如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
不同之处:
①apply:最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj,并且无法被传递任何参数。
②call:则是直接的参数列表,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
所以,call是传入单个参数的,而apply是传入参数数组的,在call传入参数数量大于3个的时候,性能不如apply,因此在有些类库的代码中,会出现这种优化方式,下面是摘自 backbone框架中的Event模块:
var triggerEvents = function(events, args) { var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2]; switch (args.length) { case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return; case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return; case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return; case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return; default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); return; } }
backbone官方对这种写法的解释 **A difficult-to-believe, but optimized internal dispatch function for
triggering events. Tries to keep the usual cases speedy (most internal
Backbone events have 3 arguments)**
- 前端学习(十五)call 和 apply 的区别
- Web前端面试指导(三十五):call() 和 apply() 的区别?
- 前端call 和apply(javascript学习笔记)
- call和apply的区别
- call和apply的区别
- call 和 apply的区别
- call()和apply()的区别
- call和apply的区别
- call()和apply()的区别?
- call()和apply()的区别
- call和apply的区别
- call和apply的区别
- call()和apply()的区别
- call和apply的区别
- call和apply的区别
- call和apply的区别
- apply和call的区别
- CALL 和 APPLY 的学习
- 洛谷Oj-丢瓶盖-二分答案
- poj3070 矩阵乘法求斐波拉契
- Quartz概念
- 计算机是如何进行引导的
- orcal数据泵导出导入
- 前端学习(十五)call 和 apply 的区别
- Ionic3 Running Command 运行失败解决方法
- Adaboost的简单实现
- java代码优化随笔(一)
- Android编程权威指南(第2版)—第12章挑战练习
- spring bean实现init/destory生命周期方法的三种方式
- 二、Nginx代理 Apache 下某一个工程
- ffmpeg推送AAC音频处理ADTS
- Spring配置DataSource