前端学习笔记01--es6与传统语法的区别

<script>

    {
        var a=1
        // let c=2，在局部作用域起作用
    }
    console.log(a)
    // console.log(c) 
    let b=1,c=2,d=3
    console.log(b,c,d)

    let [x,y,z] = [4,5,6]
    console.log(x,y,z)

    console.log("对象解构")
    let user={name:'helen',age:18}
    let name1 = user.name;
    let age1 =user.age;
    console.log(name1,age1)

    //{}大括号相当于取值
    let {name,age} = user;//大括号的值必须是user的属性
    console.log(name,age)

    const name2 = "lucy"
    //传统方式定义对象
    const p1 = {name2:name2,age2:age1}
    console.log(p1)

    //es6定义对象
    const p2 = {name2,age1}
    console.log(p2)

    //传统方式定义的方法
    const person1 = {
        sayHi:function(){
            console.log("hello")
        }
    }

    person1.sayHi()

    const person2 = {
        sayHi(){
            console.log("es6方法写法")
        }
    }
    person2.sayHi()

    //对象复制
    let cat = {name:&#