一直都沒太明白apply()與call()的具體使用原理赦役,今日閑來無事,決定好好研究一番栅炒。
JavaScript中的每一個Function對象都有一個apply()方法和一個call()方法掂摔,它們的語法分別為:
/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
它們各自的定義:
apply:應(yīng)用某一對象的一個方法,用另一個對象替換當(dāng)前對象职辅。例如:B.apply(A, arguments);即A對象應(yīng)用B對象的方法。
call:調(diào)用一個對象的一個方法聂示,以另一個對象替換當(dāng)前對象域携。例如:B.call(A, args1,args2);即A對象調(diào)用B對象的方法。
它們的共同之處:
都“可以用來代替另一個對象調(diào)用一個方法鱼喉,將一個函數(shù)的對象上下文從初始的上下文改變?yōu)橛蓆hisObj指定的新對象”。
它們的不同之處:
apply:最多只能有兩個參數(shù)——新this對象和一個數(shù)組argArray。如果給該方法傳遞多個參數(shù)诽偷,則把參數(shù)都寫進(jìn)這個數(shù)組里面侈净,當(dāng)然,即使只有一個參數(shù)编曼,也要寫進(jìn)數(shù)組里豆巨。如果argArray不是一個有效的數(shù)組或arguments對象,那么將導(dǎo)致一個TypeError掐场。如果沒有提供argArray和thisObj任何一個參數(shù)往扔,那么Global對象將被用作thisObj,并且無法被傳遞任何參數(shù)熊户。
call:它可以接受多個參數(shù)萍膛,第一個參數(shù)與apply一樣,后面則是一串參數(shù)列表嚷堡。這個方法主要用在js對象各方法相互調(diào)用的時候蝗罗,使當(dāng)前this實(shí)例指針保持一致,或者在特殊情況下需要改變this指針。如果沒有提供thisObj參數(shù)串塑,那么 Global 對象被用作thisObj沼琉。
實(shí)際上,apply和call的功能是一樣的拟赊,只是傳入的參數(shù)列表形式不同刺桃。
示例代碼:
(1)基本用法
functionadd(a,b){returna+b;
}functionsub(a,b){returna-b;
}vara1 = add.apply(sub,[4,2]);//sub調(diào)用add的方法vara2 = sub.apply(add,[4,2]);
alert(a1);//6alert(a2);//2
/*call的用法*/
vara1 = add.call(sub,4,2);
(2)實(shí)現(xiàn)繼承
functionAnimal(name){this.name =name;this.showName =function(){
alert(this.name);
}
}functionCat(name){
Animal.apply(this,[name]);
}varcat =newCat("咕咕");
cat.showName();/*call的用法*/Animal.call(this,name);
(3)多重繼承
functionClass10(){this.showSub =function(a,b){
alert(a-b);
}
}functionClass11(){this.showAdd =function(a,b){
alert(a+b);
}
}functionClass12(){
Class10.apply(this);
Class11.apply(this);//Class10.call(this);//Class11.call(this);}varc2 =newClass12();
c2.showSub(3,1);//2c2.showAdd(3,1);//4
apply的一些其他巧妙用法
(1)Math.max 可以實(shí)現(xiàn)得到數(shù)組中最大的一項(xiàng):
因?yàn)镸ath.max不支持Math.max([param1,param2])也就是數(shù)組,但是它支持Math.max(param1,param2...)吸祟,所以可以根據(jù)apply的特點(diǎn)來解決 var max=Math.max.apply(null,array)瑟慈,這樣就輕易的可以得到一個數(shù)組中的最大項(xiàng)(apply會將一個數(shù)組轉(zhuǎn)換為一個參數(shù)接一個參數(shù)的方式傳遞給方法)
這塊在調(diào)用的時候第一個參數(shù)給了null,這是因?yàn)闆]有對象去調(diào)用這個方法屋匕,我只需要用這個方法幫我運(yùn)算葛碧,得到返回的結(jié)果就行,所以直接傳遞了一個null過去过吻。
用這種方法也可以實(shí)現(xiàn)得到數(shù)組中的最小項(xiàng):Math.min.apply(null,array)
(2)Array.prototype.push可以實(shí)現(xiàn)兩個數(shù)組的合并
同樣push方法沒有提供push一個數(shù)組进泼,但是它提供了push(param1,param2...paramN),同樣也可以用apply來轉(zhuǎn)換一下這個數(shù)組纤虽,即:
1.var arr1=new Array("1","2","3");
2.var arr2=new Array("4","5","6");
3.Array.prototype.push.apply(arr1,arr2); ? ?//得到合并后數(shù)組的長度乳绕,因?yàn)閜ush就是返回一個數(shù)組的長度
也可以這樣理解,arr1調(diào)用了push方法逼纸,參數(shù)是通過apply將數(shù)組轉(zhuǎn)換為參數(shù)列表的集合
通常在什么情況下洋措,可以使用apply類似Math.max等之類的特殊用法:
一般在目標(biāo)函數(shù)只需要n個參數(shù)列表,而不接收一個數(shù)組的形式杰刽,可以通過apply的方式巧妙地解決這個問題菠发。