JavaScript call和apply的區(qū)別

昨天在做面試題時(shí)遇到了這道題:

下面有關(guān)JavaScript中 call和apply的描述,錯(cuò)誤的是?

A. call與apply都屬于Function.prototype的一個(gè)方法歪架,所以每個(gè)function實(shí)例都有call料按、apply屬性

B. 兩者傳遞的參數(shù)不同蛤铜,call函數(shù)第一個(gè)參數(shù)都是要傳入給當(dāng)前對(duì)象的對(duì)象蓬痒,apply不是

C. apply傳入的是一個(gè)參數(shù)數(shù)組,也就是將多個(gè)參數(shù)組合成為一個(gè)數(shù)組傳入

D. call傳入的則是直接的參數(shù)列表闯睹。call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象戏羽。

答案:B

Function.prototype.call()<——詳細(xì)請(qǐng)點(diǎn)擊

call()方法調(diào)用一個(gè)函數(shù), 其具有一個(gè)指定的this值和分別地提供的參數(shù)(參數(shù)的列表)。

注意:該方法的作用和apply()方法類似楼吃,只有一個(gè)區(qū)別始花,就是call()方法接受的是若干個(gè)參數(shù)的列表,而apply()方法接受的是一個(gè)包含多個(gè)參數(shù)的數(shù)組所刀。

語(yǔ)法

fun.call(thisObj[, arg1[, arg2[, ...]]])

定義:調(diào)用一個(gè)對(duì)象的一個(gè)方法衙荐,以另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

說(shuō)明:

call 方法可以用來(lái)代替另一個(gè)對(duì)象調(diào)用一個(gè)方法浮创。call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象忧吟。

如果沒(méi)有提供 thisObj 參數(shù),那么 Global 對(duì)象被用作 thisObj斩披。

參數(shù)

thisObj

在fun函數(shù)運(yùn)行時(shí)指定的this值溜族。需要注意的是,指定的this值并不一定是該函數(shù)執(zhí)行時(shí)真正的this值垦沉,如果這個(gè)函數(shù)處于非嚴(yán)格模式下煌抒,則指定為null和undefined的

this值會(huì)自動(dòng)指向全局對(duì)象(瀏覽器中就是window對(duì)象),同時(shí)值為原始值(數(shù)字厕倍,字符串寡壮,布爾值)的this會(huì)指向該原始值的自動(dòng)包裝對(duì)象。

arg1, arg2, ...

指定的參數(shù)列表讹弯。

返回值

返回結(jié)果包括指定的this值和參數(shù)况既。

Function.prototype.apply()<——詳細(xì)請(qǐng)點(diǎn)擊

apply()方法調(diào)用一個(gè)函數(shù), 其具有一個(gè)指定的this值,以及作為一個(gè)數(shù)組(或類似數(shù)組的對(duì)象)提供的參數(shù)组民。

語(yǔ)法

fun.apply(thisObj, [argsArray])

定義:應(yīng)用某一對(duì)象的一個(gè)方法棒仍,用另一個(gè)對(duì)象替換當(dāng)前對(duì)象。

說(shuō)明:

如果 argsArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對(duì)象臭胜,那么將導(dǎo)致一個(gè) TypeError莫其。

如果沒(méi)有提供 argArray 和 thisObj 任何一個(gè)參數(shù),那么 Global 對(duì)象將被用作 thisObj耸三, 并且無(wú)法被傳遞任何參數(shù)乱陡。

參數(shù)

thisObj

在fun函數(shù)運(yùn)行時(shí)指定的this值。需要注意的是仪壮,指定的this值并不一定是該函數(shù)執(zhí)行時(shí)真正的this值憨颠,如果這個(gè)函數(shù)處于非嚴(yán)格模式下,則指定

為null或undefined時(shí)會(huì)自動(dòng)指向全局對(duì)象(瀏覽器中就是window對(duì)象)睛驳,同時(shí)值為原始值(數(shù)字烙心,字符串,布爾值)的this會(huì)指向該原始值的自動(dòng)包裝對(duì)象乏沸。

argsArray

一個(gè)數(shù)組或者類數(shù)組對(duì)象淫茵,其中的數(shù)組元素將作為單獨(dú)的參數(shù)傳給fun函數(shù)。如果該參數(shù)的值為null或undefined蹬跃,則表示不需要傳入任何參數(shù)匙瘪。從ECMAScript 5

開(kāi)始可以使用類數(shù)組對(duì)象。

總結(jié)

兩者作用一致蝶缀,都是把obj(即this)綁定到thisObj丹喻,這時(shí)候thisObj具備了obj的屬性和方法∥潭迹或者說(shuō)thisObj『繼承』了obj的屬性和方法碍论。

唯一區(qū)別是apply接受的是數(shù)組參數(shù),call接受的是連續(xù)參數(shù)柄慰。

call()方法和apply()方法的作用相同鳍悠,他們的區(qū)別在于接收參數(shù)的方式不同。對(duì)于call()坐搔,第一個(gè)參數(shù)是this值沒(méi)有變化藏研,變化的是其余參數(shù)都直接傳遞給函數(shù)。(在使用call()方法時(shí)概行,傳遞給函數(shù)的參數(shù)必須逐個(gè)列舉出來(lái)蠢挡。使用apply()時(shí),傳遞給函數(shù)的是參數(shù)數(shù)組)如下代碼做出解釋:

functionadd(c, d){

returnthis.a +this.b + c + d;

}

varo = {a:1, b:3};

add.call(o, 5, 7);// 1 + 3 + 5 + 7 = 16

add.apply(o, [10, 20]);// 1 + 3 + 10 + 20 = 34

call 和 apply 都是為了改變某個(gè)函數(shù)運(yùn)行時(shí)的 context 即上下文而存在的凳忙,換句話說(shuō)业踏,就是為了改變函數(shù)體內(nèi)部 this 的指向。因?yàn)?JavaScript 的函數(shù)存在「定義時(shí)上下文」和「運(yùn)行時(shí)上下文」以及「上下文是可以改變的」這樣的概念消略。

二者的作用完全一樣堡称,只是接受參數(shù)的方式不太一樣。例如艺演,有一個(gè)函數(shù) fun 定義如下:

varfun =function(arg1, arg2) {};

就可以通過(guò) fun.call(this, arg1, arg2); 或者 fun.apply(this, [arg1, arg2]); 來(lái)調(diào)用却紧。其中 this 是你想指定的上下文,他可以任何一個(gè) JavaScript 對(duì)象(JavaScript 中一切皆對(duì)象)胎撤,call 需要把參數(shù)按順序傳遞進(jìn)去晓殊,而 apply 則是把參數(shù)放在數(shù)組里。

JavaScript 中伤提,某個(gè)函數(shù)的參數(shù)數(shù)量是不固定的巫俺,因此要說(shuō)適用條件的話,當(dāng)你的參數(shù)是明確知道數(shù)量時(shí)肿男,用 call介汹,而不確定的時(shí)候却嗡,用 apply,然后把參數(shù) push 進(jìn)數(shù)組傳遞進(jìn)去嘹承。當(dāng)參數(shù)數(shù)量不確定時(shí)窗价,函數(shù)內(nèi)部也可以通過(guò) arguments 這個(gè)數(shù)組來(lái)遍歷所有的參數(shù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末叹卷,一起剝皮案震驚了整個(gè)濱河市撼港,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌骤竹,老刑警劉巖帝牡,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蒙揣,居然都是意外死亡靶溜,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門鸣奔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)墨技,“玉大人,你說(shuō)我怎么就攤上這事挎狸】弁簦” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵锨匆,是天一觀的道長(zhǎng)崭别。 經(jīng)常有香客問(wèn)我,道長(zhǎng)恐锣,這世上最難降的妖魔是什么茅主? 我笑而不...
    開(kāi)封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮土榴,結(jié)果婚禮上诀姚,老公的妹妹穿的比我還像新娘。我一直安慰自己玷禽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布矢赁。 她就那樣靜靜地躺著糯笙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撩银。 梳的紋絲不亂的頭發(fā)上给涕,一...
    開(kāi)封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼够庙。 笑死恭应,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的耘眨。 我是一名探鬼主播暮屡,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼毅桃!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起准夷,我...
    開(kāi)封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤钥飞,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后衫嵌,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體读宙,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年楔绞,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了结闸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡酒朵,死狀恐怖桦锄,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蔫耽,我是刑警寧澤结耀,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站匙铡,受9級(jí)特大地震影響图甜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鳖眼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一黑毅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钦讳,春花似錦矿瘦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至掘猿,卻和暖如春病游,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工衬衬, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留买猖,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓滋尉,卻偏偏與公主長(zhǎng)得像玉控,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子狮惜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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