zoukankan      html  css  js  c++  java
  • javascript中call和apply方法

      我们可以将call和apply看做是某个对象的方法,通过调用方法的形式来间接调用函数。call和apply的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。

    例如,如果要想以对象o的方法来调用函数f,可以按如下的方式使用call和apply方法:

      f.call(o);

      f.apply(o);

    可以按如下的代码来理解:

      o.m = f;  //将f存储为o的临时方法

      o.m();  //调用这个临时方法

      delete o.m;  //将这个临时方法删除

    来个示例吧。

      function testFun(){

        return this.a + this.b;

      }

       var o = {a:1, b:2};

      testFun.call(o);  //3

      testFun.apply(o);  //3

      上述代码执行的结果均为3,可以理解为return o.a + o.b。

     考虑一个问题,如果call和apply方法的第一个实参为null或者undefined为怎样?来看下面的一个例子:

      var a = 10, b = 20;

      function testFun(){

        return this.a + this.b;

      }

      testFun.call();

      testFun.apply();

      上述代码执行的结果均为30。这是因为call和apply的第一个实参如果传入的是null或者undefined,则会被全局对象代替。

     那call和apply这两个方法有什么区别呢?

    对于call方法来说,第一个调用上下文实参之后的所有实参就是要传入待调用函数的值。比如,以对象o的方法的形式调用函数f,并传入两个参数,就可以使用如下的代码:

      f.call(o, 1, 2);

    而apply方法则将第一个实参之后的所有实参放入一个数组内,

      f.apply(o, [1, 2]);

    来个例子吧

      function testFun(x, y){

        return this.a + this.b + x + y;

      }

      var o = {a:1, b:2};

      testFun.call(o, 10, 20);

      testFun.apply(o, [10, 20]);

     上述代码的执行结果为33,可以理解为 return o.a + o.b + 10 + 20

  • 相关阅读:
    Javascript图片轮播
    Javascript返回顶部
    Android Studio 中 Svn的使用
    js简介
    使用Androd Studio开发Andriod程序查看Sha1的方法
    VueJs学习路线
    Eclipse 项目导入 Studio Debug运行卡死在进入界面
    Node软件的安装
    TextView加边框,自定义,上下左右四条线 颜色,想用哪个用哪个
    安装Eclipse(android)新建项目时遇到的问题
  • 原文地址:https://www.cnblogs.com/ArthurPatten/p/3335912.html
Copyright © 2011-2022 走看看