JavaScript 对象字面量中的 `{a: a, b: b, c: c}` 和 `{a, b, c}` 有什么区别？

JavaScript 中的对象文字：揭开 {a, b, c} 之谜

想象一下以下代码：

var d = {a: a, b: b, c: c}; // object literal
var e = [a, b, c];          // array
var f = {a, b, c};          // what exactly is this??

出现一个问题：f 是什么样的数据结构？它仅仅是 d 的快捷方式，还是其他什么？

为了解决这个谜团，让我们探索一下 对象文字属性值简写 的概念。 ES6 中引入的这种语法提供了一种构造对象字面量的简洁方法：

var f = {a, b, c};

这相当于：

var f = {a: a, b: b, c: c};

换句话说，f 是一个初始化其对象字面量的对象字面量。具有现有变量 a、b 和 c 的值的属性。

此外，简写可以与经典属性组合初始化：

var f = {a: 1, b, c};

要全面理解，请参考对象初始值设定项中的属性定义。

以上是JavaScript 对象字面量中的 `{a: a, b: b, c: c}` 和 `{a, b, c}` 有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！