「ES6」入門學習

一.ES6是什麼

新的JavaScript語法標準

• 2015年6月正式發佈
• 使用babel語法轉換器，支持低端瀏覽器
• 流行的庫基本都基於ES6構建，React，vue默認使用ES6新語法開發

二.ES6裏都有什麼

1.作用域
let和const
  let：就是在大括號內的內部作用域有效
  const：定義不可修改變量

2.字符串

• 使用反引號（Tab鍵上面那個），直接寫變量
• 可多行字符串
• 告別+拼接字符串
  

3.函數擴展

• 箭頭函數
  
• 參數默認值

const add = (num1,num2=1) =>{   //num2默認值爲1
	return num1+num2
}
console.log(add(3,4))   //輸出7
console.log(add(3))		//輸出4

• 展開函數
  

對象的擴展
Object擴展

• Object.keys，values，entries
  Object.key
  返回值：一個表示給定對象的所有可枚舉屬性的字符串數組

• 對象方法簡寫，計算屬性

• 展開運算符（不是ES6標準，但是babel也支持）
  
  解構賦值
  函數也可以多返回值

• 數組解構

• 對象解構
  
  模塊化
  ES6中自帶了模塊化機制，告別seajs和require.js

• Import , import{}

• Export , Export default

• Node現在還不支持，還需要用require來加載文件

希望對大家有幫助，祝我們一起成爲優秀的學習冠軍！！