js 中的call 和 apply

JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别。

/**
@param {Object} [thisArg]
@param {...*} [args]
@return {*}
*/
Function.prototype.call = function(thisArg,args) {};

参数:

thisArg  可选项。将被用作当前对象的对象。

args 可选项。将被传递方法参数序列(1个或者多个)。

说明:

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。(说明白一点其实就是更改对象的内部指针,即改变对象的this指向的内容。)

eg:

var func=new function(){
    this.a="func";
    console.log('this.a',this.a);
};
var myfunc=function(x){
    console.log('x',this.a);
    var a="myfunc";
    alert(this.a); //'func'
    alert(x);	//var
};
myfunc.call(func,"var");

***** call函数和apply方法的第一个参数都是要传入给当前对象的对象(func),及函数内部的this。后面的参数都是传递给当前对象(myfunc)的参数。

eg2:

function Obj(){this.value="对象!";}
var value="global 变量";
function Fun1(){alert(this.value);}
Fun1.call(new Obj(),'1'); //对象!
Fun1.call(window,'1'); //global 变量

对于apply和call两者在作用上是相同的,但两者在参数上有区别的。
对于第一个参数意义都一样,但对第二个参数:
apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。

eg: func.call(func1,var1,var2,var3)

/**
@param {Object} [thisArg]
@param {Array} [argArray]
@return {*}
*/
Function.prototype.apply = function(thisArg,argArray) {};
对应的apply写法为:func.apply(func1,[var1,var2,var3]);











  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值