带有花括号的Javascript（ES6）常量[重复]

Question

我是 ECMAScript 6 的新手，在尝试学习 Ember 时，我偶尔会看到以下代码样式：

const {
  abc,
  def
} = Object;

我搜索了 Google 和许多解释新 ES6 规范的网站。我知道这不是当前的实现，因为我的控制台在输入时会出错。

这段代码是什么意思？

更新

我将这个 sn-p 粘贴到 Babel's transpiler，这是它返回的内容：

"use strict";

var abc = Object.abc;
var def = Object.def;

我仍然对这试图完成什么感到困惑。

Answer 1

这是一个destructuring assignment。具体来说，object destructuring 分配。

以更详细的方式重写它可能会有所帮助。

const abc = Object.abc;
const def = Object.def;

这是一种从对象属性初始化变量的简写方式。

const name = app.name;
const version = app.version;
const type = app.type;

// Can be rewritten as:
const { name, version, type } = app;

您也可以对数组做同样的事情。

const a = items[0];
const b = items[1];
const c = items[2];

// Can be written as:
const [a, b, c] = items;