многократное разрушение одного и того же свойства объекта

Question

Иногда я делаю вложенную деструкцию, то есть больше, чем уровень, это может быть опасно, но я только гарантирую, что свойство существует, иначе у меня будет свойство неопределенная ошибка .

Iсделал это недавно,

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

, и я сомневаюсь, является ли хороший код.Мне нужен match.params.id, и мне также нужен объект match, так что эта дублированная переменная в порядке?

Answer 1

Как сказал @Tarek, это лучший способ сделать это.Просто чтобы убедиться, что объект и его свойства действительно действительны.

Это также хорошая возможность проверить опциональный оператор цепочки!Это экспериментальный плагин Babel, который (будем надеяться) будет добавлен в ES9!

Проверьте это здесь!

Это делает именно то, что вы хотели бы в гораздочище и проще.

Answer 2

нет, делай так:

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