在 ECMAScript 2020 中，引入了一个新的特性：类的私有字段和方法。这个特性在之前的版本中一直被讨论和争论，现在终于实现了。在本文中，我们将深入探讨这个特性的用法和指导意义。
什么是类的私有字段和方法？
在 JavaScript 中，一些对象的属性是可见的，其它的则是私有的。可以通过 Object.defineProperty 或者 Symbol 来定义私有属性。但是，在类中定义私有属性并不是那么有效率，比如，在一个类中使用类似 this._privateField 的命名来表示私有属性，但是在继承中，子类可以轻易地直接访问这个属性。在 ES6 以及之前的版本中，这是一种常见的做法。
在 ECMAScript 2020 中，我们可以使用 # 符号来定义私有字段和方法。这样，我们就可以在类外部访问不到这些属性和方法了。
类的私有字段
在 JavaScript 中，对象属性可以通过访问器来定义私有属性，但是这种方式会让代码更加冗长。在 ECMAScript 2020 中，我们可以使用 # 符号来定义私有字段。这些字段只能在类的内部访问。
下面是一个使用私有字段的类的示例：
-- -------------------- ---- -------
----- ------ -
----- - ---
----------------- -
---------- - -----
-
------- -
------------------- -- ---- -- ----------------
-
-
----- ------ - --- ----------------
-------------------------- -- ------ ------- ----- ------- -- --- -------
--------------- -- ------ -- ---- -- -----在这个例子中，我们使用私有字段 #name 来存储一个人的名字，并通过 greet 方法来打招呼。在类的外部试图访问 #name 会抛出错误。
需要注意的是，私有字段只能在类的内部访问，并且无法继承。如果需要让子类访问私有字段，可以使用 getters 和 setters。
类的私有方法
类中的私有方法同样可以使用 # 符号来定义，这些方法只能在类的内部访问。
下面是一个使用私有方法的类的示例:
-- -------------------- ---- -------
----- ------ -
----- - ---
----------------- -
---------- - -----
-
------- -
------------------- -- ---- -- ----------------
---------------------------
-
--------------------- -
----------------- -- - ------- ------ ---- ---- ------ --- -------
-
-
----- ------ - --- ----------------
--------------- -- ------ -- ---- -- ----- -- ---- -- - ------- ------ ---- ---- ------ --- ----
----------------------------- -- ------ ------- ----- --------------------- -- --- -------在这个例子中，我们定义了一个私有方法 #doSomethingPrivate ，只有类的内部才能调用。在 greet 方法中，我们调用了这个私有方法，并在控制台中输出了一些内容。在类的外部试图访问 #doSomethingPrivate 会抛出错误。
私有字段和方法的指导意义
私有字段和方法可以帮助我们将类中的内部实现细节隐藏，并防止它们在类外部被访问，从而保护了类的封装性。这在开发大型应用程序时很有用，因为它可以使代码更加容易维护和扩展。
然而，我们需要谨慎使用私有字段和方法，因为它们会增加代码的复杂性，并且可能会导致维护和测试的成本增加。在设计类时，需要考虑如何权衡使用私有属性和方法的好处和风险。
结论
在 ECMAScript 2020 中，私有字段和方法是一个非常实用的新特性。它使得类的内部实现细节更加容易隐藏，并且可以保护类的封装性。然而，我们需要谨慎使用它们，并在类的设计过程中仔细考虑它们的使用。这个新特性的到来，让我们能够更好地设计和编写 JavaScript 类。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67063096d91dce0dc859a5b9