ES6 中解构的困惑

Question

在下面的 JS (es6) 代码中，带冒号的花括号内的变量是怎么回事？

const { foo: bar } = ...

通常，当您看到它时，它是从右到左进行变量赋值，就像在 Objects 中一样。在对象中，它会将变量bar 分配给对象键foo，但这似乎不是这里发生的事情。这是在做什么？

Answer 1

最好把解构想成是声明对象的反面，所以在哪里

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

将创建一个对象 obj，其键 connectionType 包含来自 hidingSpotConnection 变量的值，

const { connectionType: hidingSpotConnection } = ...

从connectionType 键中获取值并将其存储在名为hidingSpotConnection 的变量中。