手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript中call和apply方法浅谈
javascript中call和apply方法浅谈
摘要:call和apply的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。例如,如果要想以对象o的方法来...

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中call和apply方法浅谈】相关文章:

JavaScript中string对象

javascript中innerText和innerHTML属性用法实例分析

JavaScript中的this,call,apply使用及区别详解

JavaScript基本语法讲解

javascript实现动态改变层大小的方法

Node.js中JavaScript操作MySQL的常用方法整理

详解JavaScript中setSeconds()方法的使用

javascript委托(Delegate)blur和focus用法实例分析

javascript中一些util方法汇总

简介JavaScript中toUpperCase()方法的使用

精品推荐
分类导航