技術標籤：JavaScript理解js

ES6新特性

let 關鍵字

• 作用：與var類似，用於宣告一個變數
• 特點：在塊作用域內有效，不能重複宣告，不會預處理，不存在提升
• 應用：迴圈遍歷加監聽，使用let取代var是趨勢

const關鍵字

• 作用：定義一個常量，與Java中的final一樣
• 特點：不能修改，其他特點同let，但宣告的變數大寫，如CAPITAL_CASING
• 應用：儲存不用改變的資料

變數的解構賦值

• 從物件或陣列中提取資料，並賦值給變數（多個）

模版字串

• 簡化字串拼接

如下圖：

物件的簡寫方式

• 省略同名的屬性值
• 省略方法的function

let obj = {
    username,
 

    age,
    getName(){
       return this.username; 
    }
}

箭頭函式（Java中的lamda表示式）

• 簡潔
• 箭頭函式沒有自己的this，箭頭函式的this不是呼叫的時候決定的，而是在定義的時候處在的物件就是它的this
• 擴充套件理解：箭頭函式的this看外層的是否有函式，如果有，外層函式的this就是內部箭頭函式的this，如果沒有，則this是window

let fun = () => console.log('我是箭頭函式');

三點運算子

• 陣列的複製
• 物件的賦值
• 物件的合併
• 普通方法 字串轉化為陣列
• …語法在函式中作為實參、形參
• 解構賦值的使用

詳細資料可參考 三點運算子

Promise物件

• Promise物件：代表了未來某個將要發生的事件（通常是一個非同步操作）
• 有了promise物件，可以將非同步操作以同步的流程表達出來，避免了層層巢狀的回撥函式（俗稱”回撥地獄”）
• ES6的Promise是一個建構函式，用來生成promise例項

Symbol屬性

• ES6中新增的一種原始資料型別symbol
• 特點： 1. Symbol屬性值對應的值是唯一的，解決命名衝突問題
  2. Symbol值不能與其他資料進行計算，包括同字串拼串
  3. for in，for of遍歷時不會遍歷symbol屬性。
• 使用symbol來標識當前物件身份