call,apply,bind相同和不同之處

相同之處:

1.都是改變函數(shù)this的指向;

2.第一個(gè)參數(shù)都是要指向的對(duì)象;(第一個(gè)參數(shù)是null,undefined時(shí)蔑鹦,都會(huì)指向window)

3.都可以利用后續(xù)參數(shù)傳參贮折;

不同之處:

1.call,apply都是立即執(zhí)行函數(shù)掏导;bind返回函數(shù)芥炭;

2.call后面的參數(shù)都是和繼承函數(shù)方法的參數(shù)一一對(duì)應(yīng)漓库;

3.apply后面的參數(shù)是數(shù)組或者類(lèi)數(shù)組;

來(lái)上例子:

1.都是改變函數(shù)this的指向园蝠;call,apply都是立即執(zhí)行函數(shù)渺蒿;bind返回函數(shù);(第一個(gè)參數(shù)是null,undefined時(shí)彪薛,都會(huì)指向window)

var fn = {

? ? a:1,

? ? b:2,

? ? show:function(){

? ? ? ? console.log(this.a+','+this.b)? ??

}}

var fn1 = {

? ? ? ? ? ? a:2,

? ? ? ? ? ? b:3

};

fn.show.call(fn1);fn.show.apply(fn1);//2,3//2,3

fn.show.bind(fn1);fn.show.bind(fn1)();//?function(){? ?console.log(this.a+','+this.b) }? //2,3

補(bǔ)充一下茂装,DOM對(duì)象綁定事件也屬于方法調(diào)用模式,因此它綁定的this就是事件源DOM對(duì)象善延。如:

document.addEventListener('click',function(e){console.log(this);setTimeout(function(){console.log(this);},0);},false);//document//window少态;

setTimeout屬于回調(diào)函數(shù),第一個(gè)參數(shù)是null所以指向window;

2.var fn = {

? ? a:1,

? ? b:2,

? ? show:function(c){

? ? ? ? console.log(this.a+','+this.b+','+c)? ?}

}

var fn1 = {

? ? ? ? ? ? a:2,

? ? ? ? ? ? b:3

};

fn.show.call(fn1,5);fn.show.apply(fn1,[6]);//2,3,5//2,3,6

fn.show.bind(fn1,7)()//2,3,7

除此外, 在 ES6 的箭頭函數(shù)下, call 和 apply 將失效, 對(duì)于箭頭函數(shù)來(lái)說(shuō):

1.箭頭函數(shù)體內(nèi)的 this 對(duì)象, 就是定義時(shí)所在的對(duì)象, 而不是使用時(shí)所在的對(duì)象;所以不需要類(lèi)似于var _this = this這種丑陋的寫(xiě)法

2.箭頭函數(shù)不可以當(dāng)作構(gòu)造函數(shù)挚冤,也就是說(shuō)不可以使用 new 命令, 否則會(huì)拋出一個(gè)錯(cuò)誤

3.箭頭函數(shù)不可以使用 arguments 對(duì)象,况增,該對(duì)象在函數(shù)體內(nèi)不存在. 如果要用, 可以用 Rest 參數(shù)代替

4.不可以使用 yield 命令, 因此箭頭函數(shù)不能用作 Generator 函數(shù),

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末训挡,一起剝皮案震驚了整個(gè)濱河市澳骤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌澜薄,老刑警劉巖为肮,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異肤京,居然都是意外死亡颊艳,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)忘分,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)棋枕,“玉大人,你說(shuō)我怎么就攤上這事妒峦≈匕撸” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵肯骇,是天一觀的道長(zhǎng)窥浪。 經(jīng)常有香客問(wèn)我,道長(zhǎng)笛丙,這世上最難降的妖魔是什么漾脂? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮胚鸯,結(jié)果婚禮上骨稿,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好啊终,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布镜豹。 她就那樣靜靜地躺著傲须,像睡著了一般蓝牲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上泰讽,一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1 285
  • 那天例衍,我揣著相機(jī)與錄音,去河邊找鬼已卸。 笑死佛玄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的累澡。 我是一名探鬼主播梦抢,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼愧哟!你這毒婦竟也來(lái)了奥吩?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤蕊梧,失蹤者是張志新(化名)和其女友劉穎霞赫,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體肥矢,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡端衰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了甘改。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旅东。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖十艾,靈堂內(nèi)的尸體忽然破棺而出抵代,到底是詐尸還是另有隱情,我是刑警寧澤疟羹,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布主守,位于F島的核電站,受9級(jí)特大地震影響榄融,放射性物質(zhì)發(fā)生泄漏参淫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一愧杯、第九天 我趴在偏房一處隱蔽的房頂上張望涎才。 院中可真熱鬧,春花似錦、人聲如沸耍铜。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)棕兼。三九已至陡舅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間伴挚,已是汗流浹背靶衍。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茎芋,地道東北人颅眶。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像田弥,于是被迫代替她去往敵國(guó)和親涛酗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

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