ES6箭頭函數及this指向


箭頭函數(=>):函數簡寫
  • 無參數:() => {}
  • 單個參數:x => {}
  • 多個參數:(x, y) => {}
  • 解構參數:({x, y}) => {}
  • 嵌套使用:部署管道機制
  • this指向固定化
    • 並非因為內部有綁定this的機制,而是根本沒有自己的this,導致內部的this就是外層代碼塊的this
    • 因為沒有this,因此不能用作構造函數

箭頭函數誤區

  • 函數體內的this定義時所在的對象而不是使用時所在的對象
  • 可讓this指向固定化,這種特性很有利於封裝回調函數
  • 不可當作構造函數,因此箭頭函數不可使用new命令
  • 不可使用yield命令,因此箭頭函數不能用作Generator函數
  • 不可使用Arguments對象,此對象在函數體內不存在(可用rest/spread參數代替)
  • 返回對象時必須在對象外面加上括號




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM