解构

解构

一、对象解构

1.基础用法

对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者。如果解构失败则为undefined

后第二种用法即变量名与属性名一致是第一种的简写

let { foo: foo, bar: bar } = { foo: 'aaa', bar: 'bbb' };

2.变量名与属性名一致

本用法即变量名与属性名一致是第一种的简写

let { foo, bar，baz } = { foo: 'aaa', bar: 'bbb' };
foo // "aaa"
bar // "bbb"
baz // undefined

3.变量名与属性名不一致

使用冒号：将值映射到自定义变量上，下面代码中foo是匹配的模式，baz才是变量。真正被赋值的是变量baz，而不是模式foo。

let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"

let obj = { first: 'hello', last: 'world' };
let { first: f, last: l } = obj;
f // 'hello'
l // 'world'

4.结构嵌套

如果解构模式是嵌套的对象，而且子对象所在的父属性不存在，那么将会报错。

let obj = 
{
  p: [
    'Hello',
    { y: 'World' }
  ]
};

let { p: [x, { y }] } = obj;
x // "Hello"
y // "World"

这时p是模式，不是变量，因此不会被赋值。如果p也要作为变量赋值，可以写成下面这样

let obj = {
  p: [
    'Hello',
    { y: 'World' }
  ]
};

let { p, p: [x, { y }] } = obj;
x // "Hello"
y // "World"
p /

5.默认值

默认值生效的条件是，对象的属性值严格等于undefined，即===。

所以需特别注意= null的情况，容易报错

二、数组解构

可遍历结构的解构

let [a, b, c] = [1, 2, 3];
let [x, y, z] = new Set(['a', 'b', 'c']);
let [x = 1, y = x] = [1, 2]; // x=1; y=2

该用法可用于多个变量的声明