jQuery中的call和apply

本文部分内容引用自http://liuhd2010.iteye.com/blog/1894237

一点一点来，首先，我们将call视为什么功能呢，就是调用函数，比如如下代码：

var test="Tony";
function doSomething(){
alert(this.test);     //弹出 "Tony";
}

doSomething(); //   [调用]  doSomething();
doSomething.call(); // 函数.调用()

该段代码中call的功能就是调用doSomething函数的另一种形式。

更进一步，如果只是调用函数的话，jquery当然没有必要刻意定义一个函数啦~那么，call还可以有什么功能呢，其功能就是，在调用函数的基础上，改变所调用函数中的this所代表的对象。我们看下面的代码：

var test="Tony";
var myobj={
test : "Tom"
};
function doSomething(){
alert(this.test);
}
doSomething.call(); // 弹出 window.test   ，即 "Tony"
doSomething.call(myobj); // 这个时候，doSomething函数里的this指向 myobj，
//所以弹出的是 myobj.test 即 "Tom"

在这里，通过call函数，将本指向window对象的this，指向了myobj对象。

至此，call函数的功能便解释完了，上面是调用一个无参数的函数的代码示例，再举个例子，调用有参数的代码：

var test="Tony";
var myobj={
test : "Tom"
};
function doSomething(name, age){
alert(this.test + ":" + name + age);
}

doSomething("Tony",23);//普通调用 结果Tony:Tony23
doSomething.call(myobj,"Tony",23);//call调用结果Tom:Tony23

apply函数与call函数类似，只是传入参数的表示形式不同，通过数组来传入参数，比如

doSomething.call(myobj,"Tony",23)

使用apply函数

doSomething.apply(myobj,["Tony",23])

可以达到一样的效果