ES6での破壊の混乱

Question

次のJS（es6）コードでは、中括弧内の変数はコロンで何が行われていますか？

const { foo: bar } = ... 

通常、これはオブジェクトのように右から左に変数を代入しています。オブジェクトでは、変数barをオブジェクトキーfooに割り当てますが、ここでは起こっていないようです。これは何ですか？

Answer 1

それは一種のオブジェクトを宣言するの反対のように構造化代入を考えるのがベストですので、どこ

const hidingSpotConnection = ... 
const obj = { connectionType: hidingSpotConnection }; 

が

、 hidingSpotConnection変数から値を含むキー connectionTypeでオブジェクト objになるだろう

const { connectionType: hidingSpotConnection } = ... 

は、connectionTypeキーの値をとり、hidingSpotConnectionという変数に格納します。