Javascript ES6中的解构混乱_Javascript_Ecmascript 6_Destructuring

Javascript ES6中的解构混乱

javascript ecmascript-6

Javascript ES6中的解构混乱,javascript,ecmascript-6,destructuring,Javascript,Ecmascript 6,Destructuring,在下面的JS（es6）代码中，带冒号的大括号内的变量发生了什么变化 const { foo: bar } = ... 通常，当您看到这一点时，它是从右向左进行变量赋值，就像在对象中一样。在对象中，它会将变量bar分配给对象键foo，但这里似乎不是这样。这是做什么的？最好把分解想象成声明对象的反面，那么在哪里呢 const hidingSpotConnection = ... const obj = { connectionType: hidingSpotConnection }; 将使用包含

在下面的JS（es6）代码中，带冒号的大括号内的变量发生了什么变化

const { foo: bar } = ...

通常，当您看到这一点时，它是从右向左进行变量赋值，就像在对象中一样。在对象中，它会将变量

bar

分配给对象键

foo

，但这里似乎不是这样。这是做什么的？

最好把分解想象成声明对象的反面，那么在哪里呢

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

将使用包含

hidingSpotConnection

变量值的键

connectionType

创建对象

obj

const { connectionType: hidingSpotConnection } = ...

从

connectionType

键中获取值，并将其存储在名为

hidingSpotConnection

的变量中。是的，它正在解构。@loganfsmyth，你能告诉我那里发生了什么吗？如此优雅的解释立即消除了主题的神秘性。谢谢