call()和apply()的区别？

转自：http://blog.csdn.net/lxcao/article/details/52777984

题目点评

本题属于比较一般性的问题，稍有接触的同学都是能够掌握的，先说清楚他们的相同点，方法的作用的，再把它们的差异讲清楚。 

解题方法

相同点：两个方法产生的作用是完全一样的，都用来改变当前函数调用的对象。

不同点：调用的参数不同，比较精辟的总结：

foo.call(this,arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)

具体的使用

1.call的使用

语法

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

参数

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

arg1,arg2, , argN  可选项。将被传递方法参数序列。

说明

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

示例

[javascript] view plain copy

1. <input id="myText">  
2. <script>  
3.     function Obj()  
4.     {  
5.        this.value="对象！";  
6.     }  
7.     varvalue="global 变量";  
8.     function Fun1(a,b){  
9.        alert(this.value);  
10.     }  
11.     window.Fun1();   //global 变量  
12.     Fun1.call(window,1,2);  //global 变量  
13.     Fun1.call(document.getElementById('myText'));  //input text  
14.     Fun1.call(new Obj());   //对象！  
15. </script>  

2.apply()

apply与call的功能几乎一样，第一个参数意义都一样，只是第二个参数有点不同apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，call从第二个参数开始，依次传值给调用函数的参数 

3.代码比较

[javascript] view plain copy

1. function print(a, b, c, d){  
2.   alert(a + b + c + d);  
3. }  
4. functionexample(a, b , c , d){  
5.  //用call方式借用print,参数显式打散传递  
6.  print.call(this, a, b, c, d);  
7.  //用apply方式借用print, 参数作为一个数组传递,  
8.  //这里直接用JavaScript方法内本身有的arguments数组  
9.  print.apply(this, arguments);  
10.  //或者封装成数组  
11.  print.apply(this, [a, b, c, d]);  
12. }  
13. //下面将显示”智学无忧”  
14. example("智" , "学" , "无", "忧");   

补充：如果第一个参数为null,那么this将指向全局对象，此时得到的结果如同当调用一个非指定对象时的方法。