ES6 实践：增强的对象文字

suchonaseo

本文着眼于 JavaScript 中对象文字的可能性，特别是考虑到最近的 ECMAScript 更新。 使用文字表示法创建 JavaScript 对象的能力非常强大。ES2015 (ES6) 引入的新功能使所有现代浏览器（非 IE）和 Node.js 中的对象处理变得更加容易。 class当必须在实现任何操作之前声明a 时，用某些语言创建对象在开发时间和处理能力方面可能会很昂贵。在 JavaScript 中，动态创建对象很容易。例如次性物品被广泛使用。示例包括配置设置、模块定义、方法参数、函数返回值等。ES2015 (ES6) 添加了一系列功能来增强对象文字。 从变量初始化对象 Learn to Code with JavaScript 对象的属性通常是从同名的变量创建的。例如中没有必要进行讨厌的重复！当使用揭示模块模式时，这对于返回的对象很有用，该模式（有效地）命名空间代码以避免命名冲突。

例如您可能已经在 ES6 模块中看到过它的使用对象方法定义简写 ES5 中的对象方法需要该function语句。例如中不再需要这样做；它允许使用以下简写语法此处不可能使用ES6 胖箭头=>函数语法，因为该方法需要名称。也就是说，如果直接命名每个方法（如 ES5），则可以使用箭头函数。例如 WhatsApp 号码数据 动态属性键 在 ES5 中，不可能使用变量作为键名，尽管可以在创建对象后添加变量。例如： 可以通过将表达式放在[方括号中来动态分配对象键]。例如 with JavaScript 任何表达式都可用于创建密钥。例如 动态键可用于方法和属性。例如： // ES6 code const i = 2, obj 是否应该创建动态属性和方法是另一回事。代码可能难以阅读，最好创建对象工厂或类。



解构（对象属性的变量） 通常需要将对象的属性值提取到另一个变量中。这必须在 ES5 中明确声明。例如 支持解构：您可以创建一个与等效对象属性同名的变量。例如还可以使用符号将属性分配给具有任何名称的变量{ propertyName: newVariable }。例如具有嵌套数组和子对象的更复杂的对象也可以在解构赋值中引用。例如 这最初看起来很复杂，但请记住在所有解构作业中： 赋值的左侧是解构源——保存正在提取的数据的数组或对象 赋值的右侧是解构目标——定义被赋值变量的模式。 有许多注意事项。您不能以花括号开始语句，因为它看起来像一个代码块。您必须声明变量 - 例如：或者如果变量已经声明，则使用括号 - 例如：WORKS 因此，您应该小心不要混合声明和未声明的变量。 在许多情况下对象解构是有用的。