分解JS中的对象-嵌套对象

Question

如何处理可能具有未定义内部对象的嵌套对象的结构破坏？

例如。

我有一个xhr请求，该请求返回{person: user: {}}

例如： const xhrResponse = {person: user: 'hi'}}

我只对用户部分感兴趣，所以我破坏了。

const {person: {user}} = xhrResponse

console.log(user) => 'hi'

但是，如果api返回{person: null}该怎么办

我的销毁失败， Cannot match against 'undefined' or 'null'.

我有一个解决方案，但我觉得可能会有一个更优雅的解决方案。

解

const handleResponse(res) => res.person ? res : {person: user: {}}

有没有更好的方法来解决这个问题？ 甚至以另一种方式，更好地使用单词有时是观点的代名词：D

更完整的用例：

$q.all([somePromise, someOtherPromise, getPersonPromise])
  .then(promises => [vm.promise1, vm.promise2, {person: {user: vm.user}] = promises);

Answer 1

您还可以为嵌套内容添加默认值：

const handleResponse = ({ person: { user = {}} = {}} = {}) => {
  console.log(user);
}

handleResponse({});

（我假设您根据箭头功能使用es6）

编辑：很抱歉，仅适用于未定义的值，但不适用于值为null的情况，因为答案可能对其他读者有用

Answer 2

你能用这个吗？

const {user} = xhrResponse.person || {};

---

对于更新的用例，我想知道这是否可行？

$q.all([
  somePromise,
  someOtherPromise,
  getPersonPromise.then(res => (res.person || {}).user)
]).then(promises => [vm.promise1, vm.promise2, vm.user] = promises);

Answer 3

就个人而言，我希望清楚地看到函数接收的参数。

我将采用以下解决方案：

const handleResponse = (response) => {
  const { person: { user } = {} } = response || {};

  // since user is the value to be used you don't need to set a default unless you need it
  if (user) // do your stuff here
}

繁琐的解构可能会以不可读的代码结束

因此，进行渐进式解构对我来说是一个更好的解决方案。