apply與call用法

一直都沒太明白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的方式巧妙地解決這個問題菠发。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市贺嫂,隨后出現(xiàn)的幾起案子滓鸠,更是在濱河造成了極大的恐慌,老刑警劉巖第喳,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糜俗,死亡現(xiàn)場離奇詭異,居然都是意外死亡曲饱,警方通過查閱死者的電腦和手機(jī)吩跋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渔工,“玉大人锌钮,你說我怎么就攤上這事∫兀” “怎么了梁丘?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵侵浸,是天一觀的道長。 經(jīng)常有香客問我氛谜,道長掏觉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任值漫,我火速辦了婚禮澳腹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘杨何。我一直安慰自己酱塔,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布危虱。 她就那樣靜靜地躺著羊娃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪埃跷。 梳的紋絲不亂的頭發(fā)上蕊玷,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機(jī)與錄音弥雹,去河邊找鬼垃帅。 笑死,一個胖子當(dāng)著我的面吹牛剪勿,可吹牛的內(nèi)容都是我干的贸诚。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼窗宦,長吁一口氣:“原來是場噩夢啊……” “哼赦颇!你這毒婦竟也來了二鳄?” 一聲冷哼從身側(cè)響起赴涵,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎订讼,沒想到半個月后髓窜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡欺殿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年寄纵,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脖苏。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡程拭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出棍潘,到底是詐尸還是另有隱情恃鞋,我是刑警寧澤崖媚,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站恤浪,受9級特大地震影響畅哑,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜水由,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一荠呐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧砂客,春花似錦泥张、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至齿诉,卻和暖如春筝野,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背粤剧。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工歇竟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抵恋。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓焕议,卻偏偏與公主長得像,于是被迫代替她去往敵國和親弧关。 傳聞我的和親對象是個殘疾皇子盅安,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容