Verwirrung in der Destrukturierung in ES6

Question

Im folgenden JS (es6) Code, was passiert mit den Variablen innerhalb der geschweiften Klammern mit dem Doppelpunkt?

Normalerweise, wenn Sie dies sehen, macht es Variablenzuweisung von rechts nach links, wie in Objekten. In Objekten würde es die Variable bar dem Objektschlüssel foo zuweisen, aber das scheint nicht so zu sein, was hier vor sich geht. Was macht das?

Answer 1

Es ist am besten zu denken Destrukturierung Art wie das Gegenteil ein Objekt zu erklären, also wo

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

würde ein Objekt obj mit einem Schlüssel connectionType macht den Wert aus dem hidingSpotConnection Variable enthält,

const { connectionType: hidingSpotConnection } = ... 

übernimmt den Wert aus dem Schlüssel connectionType und speichert ihn in einer Variablen namens hidingSpotConnection.