javascript中call和apply方法

  咱们能够将call和apply看作是某个对象的方法,经过调用方法的形式来间接调用函数。call和apply的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内经过this来得到对它的引用。数组

例如,若是要想以对象o的方法来调用函数f,能够按以下的方式使用call和apply方法:app

  f.call(o);函数

  f.apply(o);this

能够按以下的代码来理解:spa

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

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

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

来个示例吧。test

  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

相关文章
相关标签/搜索