随着前端开发的快速发展，我们越来越需要高效、可维护、易扩展的代码。而在实现这些特性中，面向对象编程 (Object-Oriented Programming，OOP) 扮演了重要的角色。ES6 引入了 class 关键字以增加代码的可读性和可维护性，而 ES12 则引入了 Private fields 和 Methods 特性，让我们更方便地实现面向对象编程的特性，提高代码重用性。
Private fields 和 Methods 是什么？
Private fields 和 Methods 是在类中声明的只能在类内部访问的变量和函数。在 ES6 以前，我们实现 Private fields 和 Methods 时需要通过使用特殊的命名约定（例如前缀 _）来模拟私有访问。ES12 则为我们提供了正式的语法。
Private fields 和 Methods 在声明时使用 # 符号，例如：
-- -------------------- ---- -------
----- ------- -
------------- - --------
---------------- -
--------------------------------
-
-------------- -
----------------------
-
-在这个例子中，#privateField 和 #privateMethod 都是私有变量和函数，只能在类内部被访问。publicMethod 则是一个公有函数，可以被实例调用。
如何提高代码重用性？
使用 Private fields 和 Methods 可以让我们更好地实现封装、抽象和继承等面向对象编程的特性。下面我们将探讨如何使用 Private fields 和 Methods 提高代码重用性。
封装
封装可以隐藏类的内部实现，让其他部分只能通过公有接口与类进行交互，从而提高代码的安全性和可维护性。使用 Private fields 和 Methods 可以更好地实现封装。
-- -------------------- ---- -------
----- --- -
-------- - --
------------ -
------------- -- ----
------------------ ------ ------- -- ---- ----- ---- ---------------- -----------
-
-------------- -
----- ------- - ----- - --- -- ------ ----- ---
-- -------------- - -------- -
---------------- --- -- --- ----- -------- ---------
------ ------
-
------------- -- --------
------------------ -------- ------ --------- ---- ---------------- -----------
------ -----
-
------------ -
-- ---------------------- -
-------
-
------------------------- ----- -------- ---------
-
----------- -
------------------
-
-在这个例子中，#gasTank、#addGas 和 #useGas 都是私有的，不能被实例直接访问，只能通过公有方法 drive 和 refill 间接访问。这样一来，我们就可以封装类的内部实现，避免直接修改私有变量和调用私有函数，让代码更加安全和易于维护。
抽象
抽象是面向对象编程中非常重要的概念，它指的是从类中提取出通用的、抽象的部分，形成基础类或者接口，以方便多个具体类进行继承或者实现。使用 Private fields 和 Methods 可以更好地实现抽象。
-- -------------------- ---- -------
----- ----- -
-------
------------------ -
----------- - ------
-
------ -
-------------------- - -------------- ---------
-
-
----- ------ ------- ----- -
--------
------------------ ------- -
-------------
------------ - -------
-
------ -
-------------
-------------------- - ------ ---- ------ --------------- ----------
-
-
----- --------- ------- ----- -
-------
--------
------------------ ------ ------- -
-------------
----------- - ------
------------ - -------
-
------ -
-------------
-------------------- - --------- ---- ----- -------------- ------ --- ------ --------------- ----------
-
-在这个例子中，Shape 类定义了抽象的 draw 方法，并包含一个私有变量 #color。Circle 类和 Rectangle 类继承自 Shape 类，并覆盖了 draw 方法实现，同时定义各自的私有属性（#radius 和 #width、#height）。这样一来我们就成功地实现了抽象类和具体类的分离，让代码更加易于扩展和维护。
继承
继承是面向对象编程中实现代码重用的重要方式。使用 Private fields 和 Methods 可以更好地实现继承。
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
----- -
-------------------------- -- ----------
-
-
----- --- ------- ------ -
-------
----------------- ------ -
------------
----------- - ------
-
------- -
-------------------------- -- - ------------------
-
-
----- --- ------- ------ -
------ -
-------------------------- -- -----------
-
-在这个例子中，Animal 类定义了抽象的 eat 方法，并包含了一个私有的 #name 变量。Dog 类和 Cat 类继承自 Animal 类，其中 Dog 类定义了私有的 #breed 变量和 breed 方法，Cat 类定义了 purr 方法。这样一来我们就可以在不影响 Animal 类的代码的情况下对 Dog 类和 Cat 类进行扩展，提高代码的复用性。
总结
使用 ES12 的 Private fields 和 Methods 可以更好地实现封装、抽象和继承等面向对象编程的特性，提高代码重用性和可维护性。在编写代码时，我们应该尽可能地使用 Private fields 和 Methods 来实现代码的封装和抽象，避免直接修改私有变量和调用私有函数，让代码更加安全和易于维护。同时，在扩展类时我们也可以通过继承的方式实现代码的重用，提高代码的复用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6468c3a8968c7c53b08ee0fc