javascript - 如何在一行中析构对象和该对象的属性？

Question

这个问题已经有答案了:

Destructure a nested object, but keep a reference to the nested object [duplicate] (2 个回答)

已关闭 4 年前。

我经常使用析构函数将对象拆分为多个部分:

const foo = {
  a: "part 1",
  b: "part 2",
  c: "part 3",
}

//get a,b,c
const ({a,b,c}) = foo;

console.log(a,b,c) // "part 1, part 2, part 3"

我有时还使用析构函数来获取对象的属性部分:

const foo = {
  a: "part 1",
  b: "part 2",
  c: "part 3",
  d: {
    a: "part a from d",
    b: "part b from d",
    c: "part c from d",
  }
}

//just get a from d
const ({d: {a}}) = foo;  // I split out a here but not d

console.log(a) // "part a from d"
console.log(d) // d is not defined but I want d here

我怎样才能得到d这里a、b、c可以在同一行吗？

Answer 1

  const { d, d: { a } = {} } = foo

只需解构两次即可。或者解构两次:

const {d} = foo;
const {a} = d || {};