ECMAScript 6语法

简介：ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准， 2015 年 6 月正式发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序

1.定义变量：

    <script>
        //定义变量：
        //（1）作用范围
        {
            var a = 1;
            let b = 2;
        }
        //控制台输出
        //console.log(a);
        //console.log(b); //b is not defined
        //（2）重复定义
        var m = 1;
        var m = 2;
        let n = 10;
        let n = 20; //Identifier 'n' has already been declared
        //控制台输出
        console.log(m);
        console.log(n); 
    </script>

2.定义常量：

    <script>
        //定义常量
        //（1）仅初始化一次
        const PI = "3.14"
        //    PI = 3 //Assignment to constant variable
    
        //（2）必须初始化
        const MY //Missing initializer in const declaration
    </script>

3.解析赋值：

    <script>
        //1.类型解析
        //（1）普通语法
        let a = 1, b = 2, c = 3
        //控制台输出
        //console.log(a, b, c);
​
        //（2）ES6语法
        let [x, y, z] = [1, 2, 3]
        //控制台输出
        //console.log(x, y, z);
​
​
        //2.对象解析
        let user = {name: 'hello', age: 16}
        //（1）普通语法
        let name1 = user.name
        let age1  = user.age;
        //控制台输出
        console.log(name1, age1);
​
        //（2）ES6语法
        let {name, age} = user //注意：结构的变量必须是user中的变量
        //控制台输出
        console.log(name, age);
    </script>

4.模板字符串：

    <script>
        //1.模板字符串
        //定义变量
        let name = "lucy"
        let age  = 20
        //拼接字符串（特点：换行，会影响输出格式）
        let info = `My name is ${name} , 
        I am ${age+1}`
        //控制台输出
        console.log(info);
    </script>

5.声明对象：

    <script>
        //（1）普通定义对象
        const name = "lucy"
        const age  = 20
        const user1 = {name:name, age:age}
        //控制台输出
        console.log(user1);
​
        //（2）ES6 定义对象
        const user2 = {name, age}
        //控制台输出
        console.log(user2);
    </script>

6.对象拓展运算符：

    <script>
        //（1）对象复制
        let person1  = {name: "Any", age: 16}
        let someone1 = {...person1}
        //控制台输出
        //console.log(someone1);
​
        //（2）对象合并
        let name  = {name: "Any"}
        let age   = {age: 16}
        let someone2 = {...name, ...age}
        //控制台输出
        console.log(someone2);
    </script>

7.箭头函数：

    <script>
        // 1.单个参数函数
        //（1）普通定义函数
        var f1 = function(a){
            return a
        }
        //控制台输出
        console.log(f1(1));
​
        //（2）ES6 定义函数：参数 => 函数体
        var f2 = a => a
        //控制台输出
        console.log(f2(2));
​
    
        // 2.单个参数函数
        //（1）普通定义函数
        var f3 = function(m,n){
            return m+n
        }
        //控制台输出
        console.log(f3(3,3));
​
        //（2）ES6 定义函数：参数 => 函数体
        var f4 = (m,n) => m+n
        //控制台输出
        console.log(f4(4,4));
    </script>