在 ECMAScript 2020（ES11）之前，JavaScript中我们通常使用构造函数和类来创建对象。然而，这种方式会存在一些问题，例如：当我们不知道某个属性应该被设置为什么初始值时，我们只能传递 undefined 作为它的默认值。
为了应对这种情况，ECMAScript 2020 引入了 initializer for 的增强语法来解决这个问题。本文将详细介绍 initializer for 增强语法的语法、用法以及示例代码。
什么是 initializer for 增强语法?
ES11中的 initializer for 增强语法就是在定义类或对象字面量属性时，可以在属性名后面使用等号‘=’赋予该属性一个默认值。这就是 initializer for 增强语法的基本定义。
initializer for 增强语法的基本语法：
const obj = { propName = 'default value' };
相比于ES6和之前的 ECMAScript 版本，initializer for 增强语法提供了便捷高效的属性初始化功能。
如何在类中使用 initializer for 增强语法？
我们可以在类定义时通过 addInitializer 方法来添加一个新的initializer。当一个对象实例被创建时，它将使用此方法来初始化变量。如下所示：
-- -------------------- ---- ------- ----- -------- ----- - ------ ------ ----- ------------- - -- ------ ----- ------ --- ------ ------------------------------ -- -------------- - --- -------- - -展开代码
当创建 MyClass 的实例时，它将具有初始化的值:
const obj = new MyClass(); console.log(obj.prop1) // => 'Hello World' console.log(obj.prop2) // => 'My Class'
如何在对象字面量中使用 initializer for 增强语法？
对于对象字面量，语法和类中的 initializer 一样:
const obj = { prop1: "Hello World", prop2 = "My Object" };
initializer for 增强语法处理的值类型
initializer for 增强语法可以为类和对象字面量创建的属性设置默认值，该值类型可以是任何类型，包括 undefined。例如，我们可以通过给 obj 对象设置一个属性 prop1 来提供默认值：
const obj = { prop1 = undefined // 设置默认值为 undefined }; console.log(obj.prop1) // => 'undefined'
总结
在 ECMAScript 2020（ES11）中，initializer for 增强语法为创建对象和类的属性提供了便捷高效的初始化功能。无论你是在使用类还是在使用对象字面量，initializer for 增强语法都可以帮助你更好地使用它们。
我们可以通过给属性设置默认值来避免为其设置 undefined，和它所导致的一些问题。虽然它看起来很简单，但它可以有助于我们更加便捷地编写可读性更强的代码。
希望你现在已经掌握了如何使用 initializer for 增强语法。现在，你可以开始在你的代码中实践它了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6475ec1d968c7c53b02eae01
