JavaScript オブジェクトの大括弧表記: 左側の代入を使用する ({ Navigation } =)

Question

この構文をこれまで見たことがないので、それが何を意味するのか知りたいです。

var { Navigation } = require('react-router');

の左側にある中括弧は構文エラーの原因となります:

<ブロック引用>

予期しないトークン {

Webpack 設定のどの部分が変換を行うのか、またはこの構文の目的がわかりません。これってハーモニーの事ですか？誰かこれを説明してもらえますか？

Answer 1

これは 代入の構造化 です。これは ECMAScript 2015 の新機能です。

リーリー ＃＃＃に相当：＃＃＃ リーリー

Answer 2

これは 分割割り当て と呼ばれ、ES2015 標準 の一部です。

オブジェクトの構造化

リーリー

配列の構造化

リーリー