Javascript中call和apply函数的比较和使用实例_javascript技巧

来源：懂视网责编：小采时间：2020-11-27 21:34:02

Javascript中call和apply函数的比较和使用实例_javascript技巧

Javascript中call和apply函数的比较和使用实例_javascript技巧:一些简单的Javascript操作中较少会用到call和apply函数，在另外一些较大型的操作中，如web应用开发，js框架开发中可能会经常遇到这两个函数。关于这两个函数的解释，网上的资料也很多，但是本人认为很多资料要么照本宣科，要么高度雷同，缺少接地气的解释。接

推荐度：

点击下载本文 文档为doc格式

导读Javascript中call和apply函数的比较和使用实例_javascript技巧:一些简单的Javascript操作中较少会用到call和apply函数，在另外一些较大型的操作中，如web应用开发，js框架开发中可能会经常遇到这两个函数。关于这两个函数的解释，网上的资料也很多，但是本人认为很多资料要么照本宣科，要么高度雷同，缺少接地气的解释。接

一些简单的Javascript操作中较少会用到call和apply函数，在另外一些较大型的操作中，如web应用开发，js框架开发中可能会经常遇到这两个函数。关于这两个函数的解释，网上的资料也很多，但是本人认为很多资料要么照本宣科，要么高度雷同，缺少接地气的解释。接下来我试图用更加清晰简单的思路来分析解释这两个函数。

代码如下:
我们可以将call()和apply()看做是某个对象的方法，通过调用方法的实行来间接调用函数。call()和apply()的第一个实参是要调用函数的母对象，它是调用上下文，在函数体内通过this来获得对它的引用。要想对对象o的方法来调用函数f(), 可以这样使用call()和apply(): f.call(o) f.apply(o).[1]

先来分析一下call，这里有ECMAScript 3rd Edition对call函数的解释[2]：当call方法被一个function对象调用时(func.call(0))，需要传入一个必须的参数和若干个非必须的参数，它的执行过程是这样的：
a, 如果调用call的对象是不可运行的，抛出一个TypeError错误。
b, 设置参数列表为空
c, 如果被调用的方法传入不止一个参数，那么依次把arg1，arg2…插入到参数列表里
d, 返回调用call的函数结果，把调用函数(func)中的this用传入的参数1替换，把传入的参数列表当作这个函数的参数。
实际上，call函数是function对象的原型，也就是说，当调用call的函数必须也是个函数，当调用这个call时，把调用call的函数中的this用传入的对象替换就行了。下面有个例子：

Javascript中call和apply函数的比较和使用实例_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：方法 call js

热门焦点

Javascript中call和apply函数的比较和使用实例_javascript技巧

Javascript中call和apply函数的比较和使用实例_javascript技巧

Javascript中call和apply函数的比较和使用实例_javascript技巧

最新推荐

猜你喜欢

热门推荐