javascript基础学习系列四百七十七：嵌套解构

解构对于引用嵌套的属性或赋值目标没有限制。为此，可以通过解构来复制对象属性：
let person = {
name: ‘Matt’,
age: 27,
job: {
title: ‘Software engineer’
}
};
let personCopy = {};
({
name: personCopy.name,
age: personCopy.age,
job: personCopy.job
} = person);
// 因为一个对象的引用被赋值给personCopy，所以修改
// person.job 对象的属性也会影响personCopy
person.job.title = ‘Hacker’
console.log(person);
// { name: ‘Matt’, age: 27, job: { title: ‘Hacker’ } }
console.log(personCopy);
// { name: ‘Matt’, age: 27, job: { title: ‘Hacker’ } }
解构赋值可以使用嵌套结构，以匹配嵌套的属性：
let person = {
name: ‘Matt’,
age: 27,
job: {
title: ‘Software engineer’
}
};
// 声明title 变量并将person.job.title 的值赋给它
let { job: { title } } = person;
console.log(title); // Software engineer
在外层属性没有定义的情况下不能使用嵌套解构。无论源对象还是目标对象都一样：
let person = {
job: {
title: ‘Software engineer’
}
};
let personCopy = {};
// foo 在源对象上是undefined
({
foo: {
bar: personCopy.bar
}
} = person);
// TypeError: Cannot destructure property ‘bar’ of ‘undefined’ or ‘null’.
// job 在目标对象上是undefined
({
job: {
title: personCopy.job.title
}
} = person);
// TypeError: Cannot set property ‘title’ of undefined
2. 部分解构
需要注意的是，涉及多个属性的解构赋值是一个输出无关的顺序化操作。如果一个解构表达式涉及
多个赋值，开始的赋值成功而后面的赋值出错，则整个解构赋值只会完成一部分：
let person = {
name: ‘Matt’,
age: 27
};
let personName, personBar, personAge;
try {
// person.foo 是undefined，因此会抛出错误
({name: personName, foo: { bar: personBar }, age: personAge} = person);
} catch(e) {}
console.log(personName, personBar, personAge);
// Matt, undefined, undefined