apply()與call()的區別

JavaScript中的每個Function對象都有一個apply()方法和一個call()方法，它們的語法分別爲：

1 /*apply()方法*/
2 function.apply(thisObj[, argArray])
3 
4 /*call()方法*/
5 function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

它們各自的定義：

apply：調用一個對象的一個方法，用另外一個對象替換當前對象。例如：B.apply(A, arguments);即A對象應用B對象的方法。

call：調用一個對象的一個方法，用另外一個對象替換當前對象。例如：B.call(A, args1,args2);即A對象調用B對象的方法。

它們的共同之處：

都「能夠用來代替另外一個對象調用一個方法，將一個函數的對象上下文從初始的上下文改變爲由thisObj指定的新對象」。

它們的不一樣之處：

apply：最多隻能有兩個參數——新this對象和一個數組argArray。若是給該方法傳遞多個參數，則把參數都寫進這個數組裏面，固然，即便只有一個參數，也要寫進數組裏。若是argArray不是一個有效的數組或arguments對象，那麼將致使一個TypeError。若是沒有提供argArray和thisObj任何一個參數，那麼Global對象將被用做thisObj，而且沒法被傳遞任何參數。

call：它能夠接受多個參數，第一個參數與apply同樣，後面則是一串參數列表。這個方法主要用在js對象各方法相互調用的時候，使當前this實例指針保持一致，或者在特殊狀況下須要改變this指針。若是沒有提供thisObj參數，那麼 Global 對象被用做thisObj。 

實際上，apply和call的功能是同樣的，只是傳入的參數列表形式不一樣。

示例代碼：

（1）基本用法

 1 function add(a,b){
 2   return a+b;  
 3 }
 4 function sub(a,b){
 5   return a-b;  
 6 }
 7 var a1 = add.apply(sub,[4,2]);　　//sub調用add的方法
 8 var a2 = sub.apply(add,[4,2]);
 9 alert(a1);  //6     
10 alert(a2);  //2
11 
12 /*call的用法*/
13 var a1 = add.call(sub,4,2);

（2）實現繼承

 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.apply(this,[name]);    
10 }
11 
12 var cat = new Cat("咕咕");
13 cat.showName();
14 
15 /*call的用法*/
16 Animal.call(this,name);

（3）多重繼承

 1 function Class10(){
 2   this.showSub = function(a,b){
 3         alert(a - b);
 4     }   
 5 }
 6 
 7 function Class11(){
 8   this.showAdd = function(a,b){
 9         alert(a + b);
10     }  
11 }
12 
13 function Class12(){
14   Class10.apply(this);
15   Class11.apply(this);   
16   // Class10.call(this);
17   //Class11.call(this);  
18 }
19 
20 var c2 = new Class12();
21 c2.showSub(3,1);    //2
22 c2.showAdd(3,1);    //4

apply的一些其餘巧妙用法

（1）Math.max 能夠實現獲得數組中最大的一項：

由於Math.max不支持Math.max([param1,param2])也就是數組，可是它支持Math.max(param1,param2...)，因此能夠根據apply的特色來解決 var max=Math.max.apply(null,array)，這樣就輕易的能夠獲得一個數組中的最大項（apply會將一個數組轉換爲一個參數接一個參

數的方式傳遞給方法）

這塊在調用的時候第一個參數給了null，這是由於沒有對象去調用這個方法，我只須要用這個方法幫我運算，獲得返回的結果就行，因此直接傳遞了一個null過去。

用這種方法也能夠實現獲得數組中的最小項：Math.min.apply(null,array)

（2）Array.prototype.push能夠實現兩個數組的合併

一樣push方法沒有提供push一個數組，可是它提供了push(param1,param2...paramN)，一樣也能夠用apply來轉換一下這個數組，即：

1 var arr1=new Array("1","2","3");
2 var arr2=new Array("4","5","6");
3 Array.prototype.push.apply(arr1,arr2);    //獲得合併後數組的長度，由於push就是返回一個數組的長度

也能夠這樣理解，arr1調用了push方法，參數是經過apply將數組轉換爲參數列表的集合

一般在什麼狀況下，可使用apply相似Math.max等之類的特殊用法：

通常在目標函數只須要n個參數列表，而不接收一個數組的形式，能夠經過apply的方式巧妙地解決這個問題。