控件中国网现已改版,您看到的是老版本网站的镜像,系统正在为您跳转到新网站首页,请稍候.......
中国最专业的商业控件资讯网产品咨询电话:023-67870900 023-67871946
产品咨询EMAIL:SALES@COMPONENTCN.COM

javascript中call和apply方法

作者:未知 出处:cnblog 2013年09月25日 阅读:

我们可以将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.y + a + b;

  }

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

  testFun.call(o, 10, 20);

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

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

热推产品

  • ActiveReport... 强大的.NET报表设计、浏览、打印、转换控件,可以同时用于WindowsForms谀坔攀戀Forms平台下......
  • AnyChart AnyChart使你可以创建出绚丽的交互式的Flash和HTML5的图表和仪表控件。可以用于仪表盘的创......
首页 | 新闻中心 | 产品中心 | 技术文档 | 友情连接 | 关于磐岩 | 技术支持中心 | 联系我们 | 帮助中心 Copyright-2006 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 电话:023 - 67870900 传真:023 - 67870270 产品咨询:sales@componentcn.com 渝ICP备12000264号 法律顾问:元炳律师事务所 重庆市江北区塔坪36号维丰创意绿苑A座28-5 邮编:400020
在线客服
在线客服系统
在线客服
在线客服系统