6.ECMAScript6（ES6）- ES6的结构与赋值

timg (1).jpg

1、ES6的结构与赋值

（1）允许直接给数组进行赋值，也叫模版匹配

    <script type="text/javascript">
        //es5赋值
        var a=1
        var b=2
    </script>
    <script type="text/javascript">
        //es6赋值(模式匹配),允许直接给数组进行赋值
        var [a,b,c]=[1,2,3]  //两边必须对应
        console.log(b)
    </script>

image.png

（2）ES6的对象与结构赋值

<script type="text/javascript">
    //对象的结构与赋值
    //对象没有顺序，必须与属性同名才可以取到正确的值
    var {name,age}={age:"31",name:"along"}
</script>

image.png

（3）对已经定义的变量，添加一个新值并赋给新的变量

<script type="text/javascript">
    var {city,area}={city:"成都",area:"锦江区"}
    console.log(area)
    var {area:street}={city:"成都",area:"双流区"}  //area把值赋给了street 
    console.log(street)
</script>

image.png