对于解构赋值和分步赋值的取舍

Question

如果需要解构的对象层级较深，而且此对象可能出现为{}的情况，那么哪种写法比较好呢？1. try {     var { itemData: {          couponName, agentName, logo, pid, status, statusText           },          requestKey      } = this.props || {};  } catch (error) {      couponName = null;      agentName = null;      logo = null;      pid = null;      status = null;      statusText = null;  }2.var { couponName, agentName, logo, pid, status, statusText } = this.props.itemData || {};        var { requestKey } = this.props || {};有人说第二种写法不方便增加属性时继续解构，但是第一种写法，要catch的太多了，看着不太好，少的话还好，不知道该怎么写合适一些### 问题描述问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

第一种，但是不需要try...catch.

const { itemData: {
          couponName, agentName, logo, pid, status, statusText 
         } = {},
         requestKey
     } = this.props || {};

既然使用了ES6及其更高版本的语法，就不要再使用 var了。