前端学习(十五)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)**