ES6入门

<script>
    // var声明的变量没有局部作用域
    // let声明的变量 有局部作用域
    // 1、const声明之后不允许改变 2、一但声明必须初始化，否则会报错
    
    const PI = "3.1415926"
    PI=3  //Uncaught TypeError: Assignment to constant variable.
    const MY_AGE  // SyntaxError: Missing initializer in const declaration
    {
        var a=0;
        let b=1;
    }
    console.log(a) //0
    console.log(b) //Uncaught ReferenceError: b is not defined

    //数组解构
    //传统
    
    let a=1,b=2,c=3
    console.log(a,b,c)
    //ES6 
    let [x,y,z] = [1,2,3]
    console.log(x,y,z)

    //对象解构
    let user ={name:'Helen',age:'18'}
    //传统
    let name1=user.name
    let age1=user.age
    console.log(name1, age1)
    //ES6
    let {name,age} = user //注意：结构的变了必须是user中的属性
    console.log(name, age)

    //模板字符串
    let string1 = `Hey,
    can you stop angry now?`
    console.log(string1)
    
    //字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
    let name2 = "Mike"
    let age2 = 27
    let info = `My name is ${name2},I am ${age2+1} years  old next year.`
    console.log(info)

    //字符串中调用函数
    function f(){
        return "hava fun!"
    }
    let string2 = `Game start,${f()}`
    console.log(string2)


    //定义方法简写
    //传统
    const person1 = {
        sayHi:function(){
            console.log("Hi")
        }
    }
    person1.sayHi()

    //ES6
    const person2 ={
        sayHi(){
            console.log("Hi")
        }
    }
    person2.sayHi()


    //对象拓展运算符
    /*拓展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象。*/
    let person3 = {name:"am",age:15}
    let someone={...person3}
    console.log(someone)

    //合并对象
    let age4 = {age:15}
    let name4 = {name:"amy"}
    let person4={...age4,...name4}
    console.log(person4)

    //箭头函数
    //传统
    var f3 = function(a){
        return a;
    }
    console.log(f3(1))

    //ES6
    var f4= a =>a
    console.log(f4(1))
    //箭头函数多用于匿名函数的定义
    // 当箭头函数没有参数或者有多个参数，要用 () 括起来。
    // 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，
    // 当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。

</script>