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