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

JavaScript函數(shù)調(diào)用分為4中模式：

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

2. 函數(shù)調(diào)用模式：即methodName()。

3. 構(gòu)造器調(diào)用模式：即new MethodName()。

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

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

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

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); 

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

通過apply和call實現(xiàn)擴(kuò)展和繼承：

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");//執(zhí)行時，Cat函數(shù)體的this由window切換為Cat{}，  
13. // Animal函數(shù)體的this.name通過形式參數(shù)傳入即為Black Cat，最終cat  
14. //得到的結(jié)果為cat=Cat{name:"Black Cat",showName: function(){ alert(this.name);}，  
15. cat.showName();//執(zhí)行時this由window切換為  
16. //Cat{name:"Black Cat",showName: function(){ alert(this.name);} 此時this.name  
17. //為this.name=Cat.name,因此為Black Cat。