/ JavaScript

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

內容

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

學習目標

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

前置準備作業

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

屬性縮寫

  • 原始寫法

    • 程式
    • 執行結果
      -----2019-08-16---10.06.20
  • 縮寫

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

Key Value 縮寫

  • 原始寫法

    • 程式
    • 執行結果
      -----2019-08-16---10.19.33
  • 縮寫

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

函式縮寫

  • 原始寫法

    • 程式
    • 執行結果
      -----2019-08-16---10.24.17
  • 縮寫

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

GitHub
List of blogs
Archer

Archer

Having being a software engineer. Experience with Python, JavaScript, Objective-C, Micro:bit, LinkIt 7697, Raspberry Pi, AWS, Azure, IoT. ❆ [email protected] https://oranwind.org/author/archer/

Read More