這篇文章主要介紹了JavaScript中函數(Function)的apply與call理解,本文講解了JavaScript函數調用分為4中模式以及通過apply和call實現擴展和繼承兩方面,需要的朋友可以參考下

JavaScript函數調用分為4中模式：

1. 方法調用模式：即對象包含方法屬性，Obj.methodName()或者Obj[methodName]()。

2. 函數調用模式：即methodName()。

3. 構造器調用模式：即new MethodName()。

4. apply和call調用模式：即ObjA.apply(ObjB,args[])或者ObjA.call(ObjB,arg1,arg2...)。

函數調用時，除了接收形式參數外，還會接收this和arguments。其中this為函數對象上下文，arguments為實際參數。

apply和call實現同樣的功能，即切換函數對象的上下文(this指向的引用)，區別在于形式參數不一樣。apply為arguments或者數組，call為以逗號隔開多個單獨形式參數。

1. function add(c)  
2. {  
3. alert(this.a+this.b+c);  
4. }  
5. var test={a:1,b:2}  
6. add.call(test,3); 

在執行add.call(test,3); 之前add和test都屬于window下，此時this指向window。add.call(test,3); 執行時，進入add方法體，此時this由window切換為test，此時this.a=test.a,this.b=test.b,c為形式參數傳入的值，即alert()的結果為1+2+3=6。apply也是一樣的功能。

通過apply和call實現擴展和繼承：

1. function Animal(name){  
2. this.name = name;  
3. this.showName = function(){  
4. alert(this.name);  
5. }  
6. }  
7.  
8. function Cat(name){  
9. Animal.call(this, name);  
10. }  
11.  
12. var cat = new Cat("Black Cat");//執行時，Cat函數體的this由window切換為Cat{}，  
13. // Animal函數體的this.name通過形式參數傳入即為Black Cat，最終cat  
14. //得到的結果為cat=Cat{name:"Black Cat",showName: function(){ alert(this.name);}，  
15. cat.showName();//執行時this由window切換為  
16. //Cat{name:"Black Cat",showName: function(){ alert(this.name);} 此時this.name  
17. //為this.name=Cat.name,因此為Black Cat。