标签：
首先，function是一个指向Function对象，函数名是一个指向函数的指针。那么在函数体内，就会有一个作用域，即this关键字。
this关键字指的是函数运行的作用域，举个例子来说:
<script type="text/javascript">
function funcA() {
alert(this);
alert("Function A");
}
</script>
上面这段代码中的函数funcA定义在全局环境中，那么函数体内的this即window对象。
下面该到call和apply的说明了。以call函数为例，call的第一个参数，就是改变函数的作用域，后面的参数为传入函数的所需的参数，必须与原函数的参数一直，举例说明：
<script type="text/javascript">
var testO = { name: "Lily" };
function funcA(a,b) {
console.info(this);
console.info("Function A");
}
function funcB(a, b) {
funcA.call(testO, a, b);
}
funcB(1,2); //this变成了testO
</script>
我们定义funcB函数的中，调用了funcA的call函数，这个时候我们改变了funcA中this的指向，原本指向window的，现在指向了call的第一个参数testO这个对象。而且调用call时，因为funcA函数有两个参数，所以如果要想funcA传递参数，必须一一指出参数，即后面的两个参数a和b，或者可以只穿第一个参数
即：funcA.call(testO)；或者只传a，即：funcA.call(testO,a);call这种写法
而apply与call的区别仅在于，apply的第二个参数可以是数组形式，而且不必一一指出参数，funcA.apply(testO,[a,b])
介绍完call与apply的基本用法，该说说他哥俩真正的用武之地了，扩充函数赖以运行的作用域。
<script type="text/javascript">
window.color = "透明";
var testObj = { color: "红色" };
function testFuc() {
console.info(this.color);
}
$(function () {
testFuc(); //弹出“透明”
testFuc(this); //弹出“undefined”
testFuc.call(this.parent); //弹出“透明”
testFuc.call(window); //弹出“透明”
testFuc.call(testObj); //弹出“红色”
});
</script>
上面这段代码演示了call的作用。第一个函数调用，this指向了window，所以弹出了window的color属性。
第二个函数可能有些朋友以为也会弹出透明，但是请先确定我们的函数运行在$(function(){});中，这个jQuery的函数，了解jQuery的朋友都很清楚，在$(function(){});中this的作用域指向的是document，然后我们调用testFunc，要弹出document的color，当然是未定义的。(我测试的时候弹出的是"透明...")
第三个函数将testFunc的this指向了document的亲爹window，弹出window的color当然也是没有问题的。
第四个函数就更加直白了，把window传进去了
第五个函数，将testFunc的this指向了testObj，弹出了红色。
讲到这里，用法大家应该都有所了解了，但是具体怎么去理解怎么去使用还是看自己的套路。
我是这么理解的，可以把这种用法看成是C#或者java中的泛型方法。比如一个C#方法的定义
代码如下:
public void Test<T>(T a, T b) { }
这样我们就可以实现对方法的扩展，实现通用的目的。
以上都是本人自己的看法和观点，有什么不对之处还请大家指出来共同学习。
再举个例子方便理解:
jquery call 方法和apply方法接触:
call方法:
语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义：以另一个对象替换当前对象来调用方法。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。
apply方法：
语法：apply([thisObj[,argArray]])
定义：用另一个对象替换当前对象来应用方法。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。
<script language="javascript"><!--
/**定义一个animal类*/
function Animal(){
this.name = "Animal";
this.showName = function(){
alert(this.name);
}
}
/**定义一个Cat类*/
function Cat(){
this.name = "Cat";
}
/**创建两个类对象*/
var animal = new Animal();
var cat = new Cat();
//通过call或apply方法，将原本属于Animal对象的showName()方法交给当前对象cat来使用了。
//本来showName()方法的调用者为animal,但是call函数让该方法的调用者变成了cat,函数还是showName()函数,
//只是调用者改变了,于是在showName()函数内部this的指向变成了cat,而不是animal
animal.showName.call(cat,","); //输入结果为"Cat"
//animal.showName.apply(cat,[]); //输入结果为"Cat"
</script>
以上代码无论是采用animal.showName.call或是animal.showName.apply方法，运行的结果都是输出一个"Cat"的字符串。说明showName方法的调用者被换成了cat对象，而不是最初定义它的animal了。这就是call和apply方法的妙用！
标签：
原文地址：http://my.oschina.net/u/2331760/blog/505942
