踩坑ES6 箭頭函數(shù)

是不是用箭頭函數(shù)用的很爽?覺(jué)得代碼又簡(jiǎn)潔了許多?嗯,沒(méi)錯(cuò),我也是一樣的感覺(jué)。但是,在封裝時(shí),你們沒(méi)遇到坑么?

戰(zhàn)場(chǎng):

image.png

image.png

image.png
  • 箭頭函數(shù)的this,明顯不是指這個(gè)對(duì)象,那么this指向哪里呢?它指向父級(jí)var作用域,測(cè)試的圖不上了,自己動(dòng)手去
  • 箭頭函數(shù)里并沒(méi)有arguments

總結(jié)

  • 在不用this的地方,用箭頭函數(shù)是個(gè)不錯(cuò)的選擇,比如純功能性函數(shù)
  • 在不需要繼承,不需要new的對(duì)象里,可以大膽在箭頭函數(shù)里用對(duì)象/類(lèi)名調(diào)用類(lèi)里的屬性和方法。如圖:
image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,703評(píng)論 0 1
  • 第一章 塊級(jí)作用域綁定 let 和 const 都是不存在提升,聲明的都是塊級(jí)標(biāo)識(shí)符都禁止重聲明 每個(gè)const聲...
    NowhereToRun閱讀 1,674評(píng)論 0 2
  • 工廠模式類(lèi)似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡(jiǎn)單...
    舟漁行舟閱讀 8,130評(píng)論 2 17
  • 基本語(yǔ)法 ES6 允許使用“箭頭”(=>)定義函數(shù)。 上面的箭頭函數(shù)相當(dāng)于: 如果箭頭函數(shù)不需要參數(shù)或需要多個(gè)參數(shù)...
    iyimao閱讀 724評(píng)論 0 6
  • 請(qǐng)參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,762評(píng)論 2 19

友情鏈接更多精彩內(nèi)容