call痹兜,apply,bind修改函數(shù)的this指向

上次文章中提到了可以通過call颤诀,apply佃蚜,bind修改函數(shù)的this指向,今天就來詳細介紹一下着绊。

1谐算、call

  • 作用:改變某個函數(shù)內(nèi)部的this指向,指向到新的對象上
  • 參數(shù):參數(shù)1 新的this指向归露;后面的參數(shù) 被call的函數(shù)本身如果有形參洲脂,則按位置依次傳入,如果沒有則不傳
  • 場景:ES5構(gòu)造函數(shù) 繼承剧包!
  function fruit(a,b){
      console.log('我最喜歡的水果是'+a+'和'+b);
      console.log(this);
  }
  //1恐锦、遇到call之前,this指向的是window
  fruit('蘋果','香蕉')  //分別打咏骸:我喜歡的水果是蘋果和香蕉一铅,window

  //2、經(jīng)過call的調(diào)用堕油,將fruit的this指向由window指向obj
  var obj={name:'zs',age:18}
  fruit.call(obj,'蘋果','香蕉')  //分別打优似:我喜歡的水果是蘋果和香蕉肮之,obj
  //將fruit函數(shù)的this指向修改為obj,并依次傳入實參蘋果和香蕉

2卜录、apply

  • 作用:改變this指向戈擒;遇見第一參數(shù)是誰就是誰!執(zhí)行函數(shù)艰毒!
  • 參數(shù):參數(shù)1 新的this指向筐高;執(zhí)行函數(shù)傳入的位置上數(shù)據(jù)!第二個參數(shù)數(shù)組 [位置上數(shù)據(jù)]
  • 場景:遇見某個函數(shù)的參數(shù)是逗號分隔傳入 -------------------------->數(shù)組形式丑瞧;
  function fruit(a,b){
      console.log('我最喜歡的水果是'+a+'和'+b);
      console.log(this);
  }
  //1柑土、遇到apply之前,this指向的是window
  fruit('蘋果','香蕉')  //分別打影硇凇:我喜歡的水果是蘋果和香蕉稽屏,window

  //2、經(jīng)過apply的調(diào)用灸促,將fruit的this指向由window指向obj
  var obj={name:'zs',age:18}
  fruit.apply(obj, ['蘋果', '香蕉'])   //分別打印:我喜歡的水果是蘋果和香蕉涵卵,obj
  //將fruit函數(shù)的this指向修改為obj浴栽,并傳入?yún)?shù)數(shù)組 ['蘋果', '香蕉']

3、bind

  • 作用:把函數(shù)內(nèi)部的this屬性 全部指向我們定的一個對象轿偎!函數(shù)不執(zhí)行5浼Α!;祷蕖萝玷!
  • 參數(shù):參數(shù)1 新的this指向;后面的參數(shù) 被call的函數(shù)本身如果有形參昆婿,則按位置依次傳入球碉,如果沒有則不傳
  • 場景:【函數(shù),用外部的this改變函數(shù)內(nèi)部this指向仓蛆,用bind感染 fn.bind(新對象)】
    function fruit(a, b) {
        console.log('我最喜歡的水果是' + a + '和' + b);
        console.log(this);
    }
    //1睁冬、遇到bind之前,this指向的是window
    fruit('蘋果', '香蕉')  //分別打涌锤怼:我喜歡的水果是蘋果和香蕉豆拨,window

    //2、經(jīng)過bind的調(diào)用能庆,將fruit的this指向由window指向obj
    var obj = { name: 'zs', age: 18 }
    fruit.bind(obj, '蘋果', '香蕉')()  //分別打邮┖獭:我喜歡的水果是蘋果和香蕉,obj
    //將fruit函數(shù)的this指向修改為obj搁胆,并依次傳入實參蘋果和香蕉

總結(jié)一下這三種方法

  • 相同點:都可以改變函數(shù)內(nèi)部this指向
  • 不同點:
    • call 和 apply 會調(diào)用執(zhí)行函數(shù)弥搞!bind 不會執(zhí)行函數(shù)邮绿!
    • 傳遞的參數(shù)不一樣,call和bind傳遞參數(shù)使用逗號隔開,apply使用數(shù)組傳遞;
  • 應用場景:
    • call ES5構(gòu)造函數(shù)的屬性做繼承.
    • apply 參數(shù)形式 逗號形式---------------------->數(shù)組形式
      var res = Math.max.apply(Math, [10, 10, 50, 99])
    • bind 不執(zhí)行函數(shù), 只是想改變下函數(shù)內(nèi)部this指向拓巧!我感染函數(shù)內(nèi)部this指向斯碌;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市肛度,隨后出現(xiàn)的幾起案子傻唾,更是在濱河造成了極大的恐慌辉词,老刑警劉巖晶通,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件邮弹,死亡現(xiàn)場離奇詭異知纷,居然都是意外死亡坊夫,警方通過查閱死者的電腦和手機哥艇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門薄扁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來听怕,“玉大人职烧,你說我怎么就攤上這事扁誓。” “怎么了蚀之?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵蝗敢,是天一觀的道長。 經(jīng)常有香客問我足删,道長寿谴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任失受,我火速辦了婚禮讶泰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拂到。我一直安慰自己痪署,他們只是感情好,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布兄旬。 她就那樣靜靜地躺著惠桃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辖试。 梳的紋絲不亂的頭發(fā)上辜王,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天,我揣著相機與錄音罐孝,去河邊找鬼呐馆。 笑死,一個胖子當著我的面吹牛莲兢,可吹牛的內(nèi)容都是我干的汹来。 我是一名探鬼主播续膳,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼收班!你這毒婦竟也來了坟岔?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤摔桦,失蹤者是張志新(化名)和其女友劉穎社付,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體邻耕,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡鸥咖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了兄世。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片啼辣。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖御滩,靈堂內(nèi)的尸體忽然破棺而出鸥拧,到底是詐尸還是另有隱情,我是刑警寧澤削解,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布富弦,位于F島的核電站,受9級特大地震影響钠绍,放射性物質(zhì)發(fā)生泄漏舆声。R本人自食惡果不足惜花沉,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一柳爽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧碱屁,春花似錦磷脯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至柿赊,卻和暖如春俩功,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背碰声。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工诡蜓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胰挑。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓蔓罚,卻偏偏與公主長得像椿肩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子豺谈,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

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