如何通过单次对象解构同时声明父对象及其属性变量？

没问题呀！你完全可以在单次解构赋值里同时拿到state变量和它的mode属性，不用拆成两个语句。只需要在解构时同时声明外层的state和嵌套解构它的mode就行：

const { state, state: { mode } } = this;
console.log(mode); // 'mode'
console.log(state); // 现在能正确输出state对象了

原理说明 #

• state 直接从this中提取，赋值给同名变量state
• state: { mode } 是嵌套解构语法：先拿到this.state，再从中提取mode属性赋值给变量mode
  这两个操作在同一次解构里完成，互不冲突，完美替代拆分的写法。

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