es6第一天笔记03——解构

解构：把数据按照一定的方式解析进行赋值

1.字符串解构：

把字符串中的字符依次赋值给变量，如果变量比较多，会出现声明但是没有赋值的情况； 如果字符串比较多,不会报错。

<script>
    var [a, b, c, d] = 'hello';
    console.log(a, b, c, d);
</script>

控制台输出结果为：

h e l l

 2.数组解构

<script>
    var [a, b, c, d] = [1, 2, 3, 4]
    console.log(a, b, c, d);
</script>

控制台输出结果为：

1 2 3 4

3.函数的解构 

<script>
    function fn([x, y, z]) {
        console.log(x, y, z)
    }
    fn('12345')
    fn([1, 2])
</script>

 控制台输出结果为：

1 2 3
1 2 undefined

 4.对象的解构：

把对象属性的值赋值给变量，对象解构的时候，声明变量需要用{}

<script>
    let { age, user, hobby } = {
        age: 20,
        user: 'zs'
    }
    console.log(user, age, hobby);
</script>

  控制台输出结果为：

 zs 20 undefined