解构赋值

一、数组的解构赋值

数据解构赋值，准确来说是对可遍历的结构数据进行解构赋值

• 支持完全解构赋值 和 不完全解构赋值
• 支持嵌套结构解构
• 支持设置默认值（赋值元素值的undefined时有效，null则解构赋值为null）

1. 完全解构

将数组内的所有元素赋值到对应的变量中

const [a, b, c] = [1, 2, 3]

2. 不完全解构

将数组内部分的元素赋值到对应位置的变量中

const [ ,  , c] = [1, 2, 3]

二、对象的解构赋值

对象解构赋值

• 支持解构赋值对象的属性和方法（类似模块化导入）
• 支持且套解构解构
• 支持设置默认值
• 支持使用对象解构赋值的方式解构数组

1. 解构属性和方法

const { name, sayHello } = { name: 'xxx', sayHello: function() { console.log('hey!') } }

三、字符串的解构赋值

类似数组的解构赋值

const [a, b, c, d, e] = 'hello';

四、数值和布尔值的解构赋值

如果等号右边是数值和布尔值，则会先转为对象

五、函数参数的解构赋值

• 与数组解构赋值和对象解构赋值一样，也支持默认参数