apply()與call()的區別

一直都沒太明白apply()與call()的具體使用原理，今日閒來無事，決定好好研究一番。

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

/*apply()方法*/
function.apply(thisObj[, argArray])

/*call()方法*/
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）基本用法

function add(a,b){
  return a+b;  
}
function sub(a,b){
  return a-b;  
}
var a1 = add.apply(sub,[4,2]);　　//sub調用add的方法 var a2 = sub.apply(add,[4,2]);
alert(a1);  //6     
alert(a2);  //2

/*call的用法*/
var a1 = add.call(sub,4,2);

（2）實現繼承

function Animal(name){
  this.name = name;
  this.showName = function(){
        alert(this.name);    
    }    
}

function Cat(name){
  Animal.apply(this,[name]);    
}

var cat = new Cat("咕咕");
cat.showName();

/*call的用法*/
Animal.call(this,name);

 （3）多重繼承

function Class10(){
  this.showSub = function(a,b){
        alert(a - b);
    }   
}

function Class11(){
  this.showAdd = function(a,b){
        alert(a + b);
    }  
}

function Class12(){
  Class10.apply(this);
  Class11.apply(this);   
  // Class10.call(this);
  //Class11.call(this);  
}

var c2 = new Class12();
c2.showSub(3,1);    //2
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來轉換一下這個數組，即：

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

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

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

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