javascript - 你能解释一下这个 JavaScript 语法(变量外推)吗？

Question

我刚刚看到一些我以前从未见过的东西，似乎无法找到它到底是什么的解释......不在 ES5.1 标准和 ES6 草案中，也不在 Mozilla ES6 中。支持。

请从技术上解释正在发生的事情(匿名对象、匿名 block ？)并提供对 ES 标准中某个部分或解释此问题的其他资源的一些引用。

上下文是 firefox 扩展。

const // var also works here it seems
{
      classes    : Cc
    , interfaces : Ci
    , utils      : Cu

} = Components

它在当前范围内创建变量 Cc、Ci、Cu。这有点违反直觉，因为它看起来像一个匿名对象，但是人们会期望属性名称在左侧，值在右侧...

相关结构的来源:https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions/XUL_School/JavaScript_Object_Management

更新:感谢 Leo，我找到了合适的词(解构)。我找到了 this blog很好地解释了它。

Answer 1

这是 ES6 Destructuring .更具体地说 Object Destructuring .

Components 应该是这样的:

{classes: 'asdf', interfaces: 'qwer', utils: `zxcv`}

然后你得到三个常量(用 const 定义，赋值后是只读的):

Cc // 'asdf'
Ci // 'qwer'
Cu // 'zxcv'