ECMAScript6 後建議的優化語法

ECMAScript6 是 ECMA 制定的 JavaScript 的規範,ES6表明2016發表的新版本,ES七、ES5等以此類推。數組

(持續優化更新)數據結構


  1. 變量聲明 const > let > var 函數

    const 用於聲明常量,變量建議使用 let 命令,建議再也不使用 var 命令,var 聲明的是全局變量,而 let 則爲局部變量。優化

    • const 保證不能改變的不是變量的值,而是變量指向的內存地址不得改動。複合類型(數組,對象等)保存的是一個指針,因此指針是固定的,可是變量的數據結構是可變的。
    • var 聲明的是全局變量也是頂層對象的屬性,let 則沒有綁定到頂層對象。指針

      var a = 1
      console.log(window.a)   // 1
      let b = 2
      console.log(window.b)   // undefined
  2. 靜態字符串使用單引號,動態字符串使用反引號。code

    const a = 'hello'
    const b = `${a} world`
  3. 使用數組成員對變量賦值時,優先使用解構賦值對象

    const arr = [1, 2, 3]
    const [first, second] = arr
  4. 使用擴展運算符(...)拷貝數組ip

    const itemsCopy = [...items]
  5. 函數儘可能用箭頭形式內存

    [1, 2, 3].map((x) => {
        return x * x
    })
  6. 模塊倒入使用import,導出使用export字符串

    export default function echo ((params) => {
        console.log(params)
    })
    import { echo } from 'module'
相關文章
相關標籤/搜索