破坏同一对象属性多次

Question

有时候我嵌套嵌套销毁，这不仅意味着层次，它可能很危险，但我只能确保该属性存在，否则我将拥有未定义错误的属性。

我最近做了这个

const {
        match: {
          params: { id: UserId }
        },
        match
      } = this.props 

，我怀疑代码是否正确。我需要match.params.id，也需要match对象，所以这个重复的“变量”很好吗？

Answer 1

不这样做：

const {match} = this.props;
const {params: {id: userId} = {} } = match || {};

Answer 2

就像@Tarek说的那样，这是更好的方法。只是要检查对象及其属性是否确实有效。

这也是检查可选链接运算符的好机会！这是一个实验性的babel插件，有望（将）添加到ES9中！

查看here!

这可以更干净，更简单地完成您想要的工作。