在 JavaScript 中，类的私有化一直是一个比较麻烦的问题。ES6 之前，我们只能通过一些约定俗成的方式来模拟私有属性，比如使用下划线开头的属性名来表示私有属性，但这种方式并不能真正地保证属性的私有性。
而随着 ES12 的到来，我们终于可以使用 Private Fields 来实现 JavaScript 类的私有化了。
Private Fields 的基本用法
Private Fields 是 ES12 中新增的一个特性，它允许我们在类中定义真正的私有属性和方法。
在使用 Private Fields 时，我们需要在属性名或方法名前加上 # 符号，这样就可以将它们定义为私有属性或方法了。
下面是一个使用 Private Fields 的示例代码：
----- ------ -
------
----------------- -
---------- - -----
-
-------- -
------------------- -- ---- -- -----------------
-
---------- -
--------------
-
-
----- ------ - --- --------------
------------------ -- --------- -- ---- -- ----
-------------------------- -- --------------- ------- ----- ------- ---- -- -------- -- -- --------- -----
----------------------------- -- --------------- ------- ----- -------- ---- -- -------- -- -- --------- -----在上面的代码中，我们定义了一个 Person 类，其中包含一个私有属性 #name 和一个私有方法 #greet。在类的构造函数中，我们通过 this.#name = name 的方式来给私有属性赋值。而在 sayHello 方法中，我们调用了私有方法 #greet。
需要注意的是，使用 Private Fields 定义的属性和方法只能在类的内部访问，如果在外部访问就会报错。
Private Fields 的作用域
与普通的属性和方法不同，Private Fields 的作用域不仅仅局限于类本身，而是在类的每个实例中都有一份独立的副本。
下面是一个示例代码：
----- ------- -
------ - --
----------- -
--------------
-------------------------
-
-
----- -------- - --- ----------
----- -------- - --- ----------
--------------------- -- ----
--------------------- -- ----在上面的代码中，我们定义了一个 Counter 类，其中包含一个私有属性 #count 和一个 increment 方法。在类的构造函数中，我们将 #count 的初始值设为 0。
接着，我们创建了两个 Counter 类的实例 counter1 和 counter2，并分别调用它们的 increment 方法，发现它们的计数器是独立的，互不干扰。
Private Fields 的继承
Private Fields 不仅可以在类中定义私有属性和方法，也可以在子类中继承私有属性和方法。
下面是一个示例代码：
----- ------ -
------
----------------- -
---------- - -----
-
-
----- --- ------- ------ -
------ - ------
------ -
-------------------------- --- -------------- -------
-
-
----- --- - --- ----------
----------- -- ----- --- --- ----
----------------------- -- --------------- ------- ----- ------- ---- -- -------- -- -- --------- -----
------------------------ -- --------------- ------- ----- -------- ---- -- -------- -- -- --------- -----在上面的代码中，我们定义了一个 Animal 类，其中包含一个私有属性 #name。接着，我们定义了一个 Dog 类，它继承自 Animal 类，并定义了一个私有属性 #sound 和一个 bark 方法。
需要注意的是，子类不能访问父类的私有属性和方法，否则会报错。
总结
Private Fields 是 ES12 中新增的一个特性，它可以帮助我们实现 JavaScript 类的真正私有化。使用 Private Fields，我们可以在类中定义私有属性和方法，并且它们的作用域是在类的每个实例中都有一份独立的副本。同时，Private Fields 也可以在子类中继承私有属性和方法。
对于前端开发者来说，掌握 Private Fields 的使用方法可以提高代码的安全性和可维护性，是非常有学习和指导意义的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66333fedd3423812e40d5995