ES7（ECMAScript 2016）是 JavaScript 的一个版本，它引入了一些新的特性和语法糖，其中包括属性初始化程序。这个特性可以让我们在定义类的时候，直接在属性中初始化它们的值，而不需要在构造函数中手动赋值。
什么是属性初始化程序
在 ES6 中，我们可以使用类来定义对象。在类中，我们可以定义属性和方法。例如：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
----- ---- - --- -------------- ----
---------------- -- ------ -- ---- -- ---- --- - -- -- ----- ----在上面的例子中，我们定义了一个 Person 类，它有两个属性 name 和 age，以及一个方法 sayHello。在构造函数中，我们手动给这两个属性赋值。
在 ES7 中，我们可以使用属性初始化程序来简化这个过程。属性初始化程序是类中定义属性时，直接初始化它们的值，而不需要在构造函数中手动赋值。例如：
-- -------------------- ---- -------
----- ------ -
---- - ---
--- - --
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
----- ---- - --- -------------- ----
---------------- -- ------ -- ---- -- ---- --- - -- -- ----- ----在上面的例子中，我们定义了一个 Person 类，它有两个属性 name 和 age，以及一个方法 sayHello。在属性定义时，我们使用了属性初始化程序，直接初始化了它们的值。这样，在构造函数中就不需要手动赋值了。
属性初始化程序的优点
属性初始化程序有以下优点：
1. 代码更简洁
使用属性初始化程序可以让我们的代码更简洁。我们不需要在构造函数中手动赋值，而是直接在属性定义时初始化它们的值。
2. 更易读
使用属性初始化程序可以让我们的代码更易读。我们可以一眼看出属性的默认值是什么，而不需要在构造函数中寻找赋值语句。
3. 更安全
使用属性初始化程序可以让我们的代码更安全。如果我们在构造函数中忘记给属性赋值，那么这些属性的值就会是 undefined。而使用属性初始化程序，我们可以确保每个属性都有一个默认值。
4. 更快
使用属性初始化程序可以让我们的代码更快。在构造函数中手动赋值需要一些时间，而使用属性初始化程序则可以直接初始化属性的值，减少了一些运行时间。
如何使用属性初始化程序
使用属性初始化程序非常简单，只需要在类中定义属性时，直接初始化它们的值即可。例如：
-- -------------------- ---- -------
----- ------ -
---- - ---
--- - --
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
----- ---- - --- -------------- ----
---------------- -- ------ -- ---- -- ---- --- - -- -- ----- ----在上面的例子中，我们使用了属性初始化程序，直接初始化了 name 和 age 属性的值。
注意事项
在使用属性初始化程序时，需要注意以下事项：
1. 不可以在类外部使用
属性初始化程序只能在类中使用，不能在类外部使用。例如：
-- -------------------- ---- -------
----- ------ -
---- - ---
--- - --
----------------- ---- -
--------- - -----
-------- - ----
-
-
----- ---- - --- -------------- ----
----------------------- -- ----
---------------------- -- --
------------------------- -- ---------
------------------------ -- ---------在上面的例子中，我们在类中使用了属性初始化程序，直接初始化了 name 和 age 属性的值。但是在类外部，我们不能使用这些属性，因为它们只能在类中使用。
2. 不可以使用计算属性名
属性初始化程序不能使用计算属性名。例如：
-- -------------------- ---- -------
----- ---- - -------
----- --- - ---
----- ------ -
------ - --- -- ------------ ---------- ----- -
----- - -- -- ------------ ---------- ----- -
----------------- ---- -
--------- - -----
-------- - ----
-
-在上面的例子中，我们在属性定义时使用了计算属性名，但是这是不允许的，会导致语法错误。
结论
属性初始化程序是 ES7 中的一个特性，它可以让我们在类中定义属性时，直接初始化它们的值，而不需要在构造函数中手动赋值。使用属性初始化程序可以让我们的代码更简洁、更易读、更安全、更快。要使用属性初始化程序，只需要在类中定义属性时，直接初始化它们的值即可。注意，属性初始化程序只能在类中使用，不能在类外部使用，也不能使用计算属性名。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674164f2d40a3cb159eb2873