apply()與call()的區別

apply()和call()的區別在面試題中很常見，娓娓道來的是什麼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);
}

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的方式巧妙的解決這個問題。

//求數組中的最大項
var arr=[1,3,5,6,23,4,56,767]
var max=Math.max.apply(null,arr)
alert(max);

//求數組中的最小項
var min=Math.min.apply(null,arr);
alert(min)

//合併兩個數組並返回新數組的長度
var arr1 = new Array("1","3","5","7","9");
var arr2 = new Array("2","4","6","8");
console.log(Array.prototype.push.apply(arr1,arr2));//返回數組的長度