ES6

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