ES6:定義在object中箭頭函數(shù)

箭頭函數(shù) 不能用來寫對象方法,因為它屏蔽了this的詞法封閉環(huán)境, 在箭頭函數(shù)中的this是當(dāng)前定義這個object所在的上下文

// `this` is here 
var chopper = {
  owner: 'Mary',
  getOwner: () => {
    return this.owner; // 此處的this指向當(dāng)前chopper對象所在的上下文
  }
};

如果你想在object中定義方法,可以使用傳統(tǒng)函數(shù)語法或es6的簡寫

// 傳統(tǒng)函數(shù)語法
var chopper = {
  owner: 'Mary',
  getOwner: function() {
    return this.owner;
  }
};

// or es6 語法 
var chopper = {
  owner: 'Mary',
  getOwner() {
    return this.owner;
  }
};

參考:
Method_definitions
methods-in-es6-objects-using-arrow-functions

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 用更合理的方式寫 JavaScript 目錄 聲明變量 對象 數(shù)組 字符串 函數(shù) 箭頭函數(shù) 模塊 迭代器和生成器 ...
    小紅依閱讀 1,928評論 0 5
  • "Unterminated string literal.": "未終止的字符串文本。", "Identifier...
    兩個心閱讀 8,557評論 0 4
  • pyspark.sql模塊 模塊上下文 Spark SQL和DataFrames的重要類: pyspark.sql...
    mpro閱讀 9,912評論 0 13
  • 1 我真的很寂寞,要不咱倆交往吧。 1也許你會想我把你當(dāng)成啥。我對你只是好感沒發(fā)展道愛。 1 初三的時候我的確很...
    樂呵呵_a423閱讀 521評論 0 0
  • 記錄下在react-native開發(fā)中遇到的錯誤 ReferenceError: Can't find varia...
    0xSen閱讀 2,438評論 0 3

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