【 JavaScript ES6 】屬性與函式縮寫 Shorthand Property and Method Names

內容

  • 學習目標
  • 前置準備作業
  • 屬性縮寫
  • Key Value 縮寫
  • 函式縮寫

學習目標

  • 學習 JavaScript ES6 中的 屬性函式 縮寫

前置準備作業

  • 已安裝 Node.js
  • 已安裝 Visual Studio Code

屬性縮寫

  • 原始寫法

    • 程式
    • 執行結果
  • 縮寫

    • 程式
    • 說明
      • 第四行因 Key 與 Value 名稱相同,故可進行縮寫
    • 執行結果

Key Value 縮寫

  • 原始寫法

    • 程式
    • 執行結果
  • 縮寫

    • 程式
    • 說明
      • 第五行可直接將變數值當成 Key 來使用
    • 執行結果

函式縮寫

  • 原始寫法

    • 程式
    • 執行結果
  • 縮寫

    • 程式
    • 說明
      • 第四行可直接省略 function 關鍵字進行縮寫
    • 執行結果

GitHub
List of blogs