對call鞋吉,apply的理解

首先先說明它們共同的作用:call和apply 都是用來修改函數(shù)中this的指向問題趣席;

其次就是它們不同的傳參方式:注意上一句話中說他們的作用時有兩個關(guān)鍵詞 ‘函數(shù)’和‘this’泊柬,想要修改this 的指向波附,那么必然有一個this修改后的指向,而函數(shù)必然后關(guān)系到傳參問題:call方法可以傳給該函數(shù)的參數(shù)分別作為自己的多個參數(shù)冗美,而apply方法必須將傳給該函數(shù)的參數(shù)合并成一個數(shù)組作為自己的一個參數(shù):

var name = 'Evan';
var age = 20;
var person = {
    name: 'Hillary',
    age: 19,
    sayIntroduce: function () {
        return "Hello, My name is " + this.name + " and I'm " + this.age + ' years old.'
    },
    sayHobby: function (val1, val2) {
        return "I'm " + this.name + ", I like " + val1 + " and " + val2 + ".";
    }
}
var person1 = {
    name: 'Coy'
}
console.log(person.sayIntroduce()); // Hello, My name is Hillary and I'm 19 years old.

當(dāng)我們通過 call 和 apply 來this的指向時魔种,不傳任何參數(shù),則默認(rèn)為將this指向修改為 windows

// 當(dāng)沒有參數(shù)時粉洼,默認(rèn)將this指向 window
 console.log(person.sayIntroduce.call()); // Hello, My name is Evan and I'm 20 years old.
 console.log(person.sayIntroduce.apply()); // Hello, My name is Evan and I'm 20 years old.

有參數(shù)時节预,this 指向第一個參數(shù):

// 將this指向 person1,由于person1中沒有age屬性属韧,因此為 undefined
console.log(person.sayIntroduce.call(person1)); // Hello, My name is Coy and I'm undefined years old.
console.log(person.sayIntroduce.apply(person1)); // Hello, My name is Coy and I'm undefined years old.

當(dāng)需要傳遞參數(shù)時安拟,call可以直接寫多個參數(shù),apply需要用數(shù)組方式傳遞:

console.log(person.sayHobby.call(person1, 'swimming', 'hiking')); // I'm Coy, I like swimming and hiking.
console.log(person.sayHobby.apply(person1, ['swimming', 'hiking'])); // I'm Coy, I like swimming and hiking.
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宵喂,一起剝皮案震驚了整個濱河市糠赦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖愉棱,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唆铐,死亡現(xiàn)場離奇詭異,居然都是意外死亡奔滑,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進(jìn)店門顺少,熙熙樓的掌柜王于貴愁眉苦臉地迎上來朋其,“玉大人,你說我怎么就攤上這事脆炎∶吩常” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵秒裕,是天一觀的道長袱蚓。 經(jīng)常有香客問我,道長几蜻,這世上最難降的妖魔是什么喇潘? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮梭稚,結(jié)果婚禮上颖低,老公的妹妹穿的比我還像新娘。我一直安慰自己弧烤,他們只是感情好忱屑,可當(dāng)我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著暇昂,像睡著了一般莺戒。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上急波,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天从铲,我揣著相機(jī)與錄音,去河邊找鬼幔崖。 笑死食店,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的赏寇。 我是一名探鬼主播吉嫩,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼嗅定!你這毒婦竟也來了自娩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎忙迁,沒想到半個月后脐彩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡姊扔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年惠奸,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恰梢。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡佛南,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嵌言,到底是詐尸還是另有隱情嗅回,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布摧茴,位于F島的核電站绵载,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏苛白。R本人自食惡果不足惜娃豹,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望丸氛。 院中可真熱鬧培愁,春花似錦、人聲如沸缓窜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽禾锤。三九已至私股,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間恩掷,已是汗流浹背倡鲸。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留黄娘,地道東北人峭状。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像逼争,于是被迫代替她去往敵國和親优床。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,044評論 2 355

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

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,237評論 0 4
  • 函數(shù)和對象 1誓焦、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念胆敞。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,566評論 0 5
  • 大家好仍翰,我是IT修真院萌新分院第3期的學(xué)員張曉琳,一枚正直观话、純潔予借、善良的前端程序員今天給大家分享一下,修真院官網(wǎng)j...
    Demon_0481閱讀 565評論 0 2
  • 在JavaScript編程中,this關(guān)鍵字總是讓初學(xué)者感到迷惑帽驯,F(xiàn)unction.prototype.call和...
    yufawu閱讀 409評論 0 7
  • 文/熠歆 早安尼变! 美好的一天就從這頓早餐開始! 五谷雜糧粥配方: 黑米浆劲,紫米嫌术,高粱米,燕麥牌借,小麥仁度气,糙米 方法: ...
    熠歆閱讀 385評論 0 8