Javascript链式解构

Question

const someFunction = ({ a }) => {
  const { b } = a;
  return <div>{b}</div>
}

const obj = { a: { b: 1 } }
someFunction(obj)

有没有一种方法可以链接对象解构，以便在 someFunction 中，我们可以解构 obj 以获得参数中的 b 而不是在函数体中做一个单独的 const { b } = a？

Answer 1

你可以这样做:

const someFunction = ({ a: { b } }) => {
  return b;
}

const obj = { a: { b: 1 } };
console.log(someFunction(obj));