如何在同一表达式中进行ES6嵌套解构并初始化缺失字段？

嘿，这个需求其实ES6解构赋值完全能优雅解决，而且写法非常简洁，刚好能满足你既要初始化缺失的a为空对象，又要清晰体现嵌套结构的要求。

首先得明确一个常见的坑：如果直接写const { a: { b } } = obj，当原对象里没有a属性时，会抛出Cannot destructure property 'b' of 'undefined' or 'null'的错误——因为你没法解构undefined的子属性。

而正确的写法是给父层级a设置默认空对象，同时完成子属性b的解构：

const { a: { b } = {} } = obj;

拆解一下这个写法： #

• a: { b }：这部分清晰体现了原对象的嵌套结构，告诉JS我们要提取obj.a.b的值到变量b
• = {}：这是给a这个层级设置的默认值——当obj中没有a属性，或者a的值为undefined时，会自动用空对象{}来替代a，这样后续解构b就不会报错了

举几个实际例子验证： #

1. 当原对象包含完整的嵌套结构时：

const obj = { a: { b: 'ES6解构真香' } };
const { a: { b } = {} } = obj;
console.log(b); // 输出：ES6解构真香

2. 当原对象没有a属性时：

const obj = {};
const { a: { b } = {} } = obj;
console.log(b); // 输出：undefined（不会报错！）

3. 如果你还想给b也设置默认值，可以进一步扩展写法：

const { a: { b = '默认值' } = {} } = obj;
// 当a不存在或a里没有b时，b会被赋值为'默认值'

这种写法既保留了嵌套结构的可读性，又解决了缺失父属性时的报错问题，完全符合你想要的简洁清晰的要求～

内容的提问来源于stack exchange，提问作者neaumusic