ES6 和 ES5
1、ES6程式碼簡潔，ES5程式碼複雜
2、ES6瀏覽器相容性很差，ES5程式碼瀏覽器相容性很好

ES6是一套標準，一套規範
Javascript很好遵循了這套規範

基本語法

1、範圍
    var 宣告的變數沒有區域性作用域
    let 宣告的變數  有區域性作用域
2、宣告次數
    var 可以宣告多次
    let 只能宣告一次
3、定義常量
    const 常量值一旦定義，不能改變 
          定義常量必須初始化
4、解構賦值 es6寫法
    解構賦值是對賦值運算子的擴充套件。
    它是一種針對陣列或者物件進行模式匹配，然後對其中的變數進行賦值。
    在程式碼書寫上簡潔且易讀，語義更加清晰明瞭；也方便了複雜物件中資料欄位獲取。
    陣列解構：let [x,y,z] = [10,20,30]
    物件解構：let user = {name: 'leavescai7', age: 26} //定義物件
             let { name, age } =  user//注意：結構的變數必須是user中的屬性
5、模板字串 反引號 `
    1> 使用`符號實現換行
    2> 在`符號裡面使用表示式獲取變數值
         let name = "Mike"
         let age = 20
         let str = `hello,${name},age is ${age+1}`
    3>在`符號呼叫方法
         function f1() {
             return "hello f1"
         }
         let str = `demo, ${f1()}`
6、宣告物件 es6定義變數
    const age = 12
    const name = "lucy"
    const p = {name,age}
7、定義方法 es6
    const person = {
        sayHi(){
            console.log("Hi")
        }
    }
8、物件拓展運算子（...）
    1> 物件複製
       let person1 = {"name":"lucy","age":20}
       let person2 = {...person1}
    2> 物件合併
       
9、箭頭函式
    1> //1 傳統方式建立方法
       var f1 = function(m) {
           return m
       }
       //使用箭頭函式改造  引數 => 函式體
       var f2 = m => m
    2> 複雜一點方法
       var f3 = function(a,b) {
           return a+b
       }
       //箭頭函式簡化
       var f4 = (a,b) => a+b