前言
在过去，JavaScript 中没有私有属性和方法的概念。开发者通常使用一些命名约定来不直接访问内部方法和属性。例如，使用下划线前缀，比如 _foo，表示该属性为私有属性，不应该被直接访问。但是，这种命名约定并不能完全保证私有性，开发者仍旧可以通过直接访问属性或者方法来获取或修改内部状态。
2019 年度 ECMAScript 规范引入了一种新特性，即私有字段（Private Fields）。使用私有字段，我们可以实现真正的私有性，该字段只能由定义它的类或对象访问。本文将详细介绍私有字段的使用方法，并给出一些避免命名冲突的技巧。
基础用法
私有字段使用 # 符号作为前缀来定义，例如：
-- -------------------- ---- -------
----- --- -
----- - -------
--------- -
------ -----------
-
------------- -
---------- - -----
-
-在上面的代码中，Dog 类定义了一个私有字段 #name。该字段只能在类内部被访问和修改，外部代码将无法获取或修改该字段的值。getName 和 setName 方法被用来读写私有字段 #name 的值。
需要注意的是，在当前规范下，私有字段的声明只能在类的顶端进行，下面代码将会报错：
-- -------------------- ---- -------
----- --- -
--------- -
------ -----------
-
------------- -
---------- - -----
-
----- - ------- -- --
-避免命名冲突
在 JavaScript 中，命名冲突是一件十分常见的事情。在使用私有字段的时候，我们更应该注意这一点，避免私有字段与外部代码冲突。
为了解决命名冲突问题，我们可以采用以下几种方法：
使用 Symbol
使用 Symbol 可以保证数据的唯一性，我们可以用 Symbol 作为字段名来避免命名冲突：
-- -------------------- ---- -------
----- ---- - ---------------
----- --- -
------ - -------
--------- -
------ -----------
-
------------- -
---------- - -----
-
-在上面的代码中，name 被定义为一个 Symbol。我们将它作为字段名使用，这样即使存在变量名与其冲突，也不会影响私有字段的访问。
使用 WeakMap
另一个方法是使用 WeakMap 来存储私有属性：
-- -------------------- ---- -------
----- ---- - --- ----------
----- --- -
------------- -
-------------- --------
-
--------- -
------ ---------------
-
------------- -
-------------- ------
-
-在上面的代码中，我们使用 WeakMap 来存储私有属性 name。WeakMap 中的 key 为类的实例，value 为私有属性的值。由于 WeakMap 只弱引用实例，当实例被垃圾回收时，WeakMap 中对应的数据也会被自动清理。
总结
私有字段是 ECMAScript 新引入的一个新特性，可以实现真正的私有性。使用私有字段，我们可以更好地保护代码中的状态，避免外部代码直接访问和修改内部属性。本文介绍了私有字段的基础使用方法，并提供了一些避免命名冲突的技巧。希望通过本文的学习和实践，您可以更好地在项目中使用私有字段。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649f4d1f48841e9894bacd63