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));