在 ECMAScript 2020 (ES11) 中，引入了一项新的特性：private fields。它使得开发者可以在类中使用私有变量，避免了许多尴尬和难以调试的问题。本文将详细介绍 private fields 的实现细节，以及如何在实践中应用它。
什么是 private fields ？
private fields 是指类中定义的只能在类内部访问的变量。在 JavaScript 中，由于没有原生的支持，开发者通常使用下划线作为前缀来表示某个属性是私有变量，但这并不完全有效。因为开发者仍然可以通过对象字面量来直接访问私有变量，这可能会造成未知的副作用。而 private fields 可以在语言级别上解决这些问题。
如何定义 private fields？
定义 private fields 非常简单，只需要在变量名前面添加 # 符号即可。例如：
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
--------- -
--------------- ---- -- ----------------
-
-在上面的代码中，#name 变量作为私有变量，只能在类内部使用，无法通过实例化后的对象来访问它。即：
const person = new Person('John');
console.log(person.#name); // 抛出 SyntaxError 错误private fields 的继承问题
当一个子类继承一个父类，可以访问父类中的 public 和 protected 成员，但是无法直接访问父类中的 private 成员，子类只能访问自己的 private 成员。
在子类中，可以使用 super 关键字来访问父类中的 private 成员。例如：
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
--------- -
--------------- ---- -- ----------------
-
-
----- ------- ------- ------ -
-------
----------------- ------ -
------------
----------- - ------
-
---------- -
--------------- ----- -- -----------------
-
----------------- -
--------------- ---- -- -------------- --- -- ----- -- -----------------
-
-
----- ------- - --- ------------- ----- -----
------------------------------- -- -- ---- -- ---- ---
-------------------------------- -- -- ----- -- -
--------------------------------------- -- -- ---- -- ---- --- --- -- ----- -- -在上面的代码中，子类 Student 继承了父类 Person 中的 #name 变量，通过在子类中使用 super.#name 来访问父类私有变量。
private fields 的用途
使用 private fields 可以使得代码更加安全和可维护。因为私有变量只能在类内部被访问和修改，外部无法干扰。从而避免了许多潜在的错误和副作用。并且，私有成员的定义和代码组织更加清晰和简洁，使得代码更加容易维护和升级。
比如，我们可以将上面的 Person 类进行简化：
-- -------------------- ---- -------
----- ------ -
------
-----
--------
----------------- ---- ------- -
---------- - -----
--------- - ----
------------ - -------
-
----- -
-------------- -- -------------- ------------ ----- --- --- -------------------
-
-在上面的代码中，我们使用了私有成员 #name、#age 和 #gender 来表示 Person 类的名字、年龄和性别。这使得代码更加可读和易于理解。并且，如何修改私有成员的属性和值也变得更加清晰和规范。
总结
本文介绍了 ECMAScript 2020 (ES11) 中的 private fields 实现细节，以及它的继承问题和用途。使用 private fields 可以使得代码更加安全和可维护，开发者可以在实践中使用它来提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6475b718968c7c53b02b9e35