随着 JavaScript 越来越成为 Web 开发的主流语言，对于代码的可维护性和安全性的要求也越来越高。在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，让开发者可以更好地控制代码的访问权限，提高代码的可维护性和安全性。
什么是私有属性和方法
在 JavaScript 中，对象的属性和方法可以被任何代码访问和修改，这样就会导致代码的安全性和可维护性问题。为了解决这个问题，JavaScript 引入了私有属性和方法的概念。
私有属性和方法是指只能在对象内部访问和修改的属性和方法，外部代码无法直接访问和修改。这样可以避免外部代码对对象的状态和行为造成影响，提高代码的安全性和可维护性。
如何实现私有属性和方法
在 ECMAScript 2015 之前，JavaScript 并没有提供原生的私有属性和方法的支持。通常的做法是使用闭包来实现私有属性和方法。
例如，下面的代码使用闭包实现了一个私有属性和方法：
-- -------------------- ---- -------
-------- ------------ -
--- --- - -- -- ----
-------- -------- - -- ----
------ ----
-
--------- - -----
----------- - ---------- -
------ ---------
-
----------- - ---------------- -
--- - -------
-
-
--- ------ - --- --------------
------------------
----------------------------- -- -- --
------------------------ -- -- ---------在上面的代码中，age 和 getAge 都是私有的，外部代码无法直接访问和修改。通过在构造函数内部定义私有属性和方法，并返回一个包含公有方法的对象，实现了私有属性和方法的效果。
然而，这种方式存在一些问题。首先，每个实例都会创建一个新的 getAge 函数，造成内存浪费。其次，外部代码可以通过修改公有方法来访问和修改私有属性和方法，从而破坏了对象的封装性。
为了解决这些问题，ECMAScript 2015 引入了 Symbol 类型和 WeakMap 类型，可以更好地实现私有属性和方法的封装。
例如，下面的代码使用 Symbol 和 WeakMap 实现了一个私有属性和方法：
-- -------------------- ---- -------
----- --------- - -------------- -- ------
----- ------ -
----------------- -
--------- - -----
--------------- - -- -- ----
-
--- ----- - -- ----
------ ----------------
-
--- ----------- - -- ----
--------------- - -------
-
--------- - -- ----
------ ----------------
-
-
--- ------ - --- --------------
---------- - ---
------------------------ -- -- --
------------------------------- -- -- ---------
------------------------------ -- --------------- ------- ----- --------- ---- -- -------- -- -- --------- -----在上面的代码中，使用 Symbol 创建了一个私有属性的键，使用 WeakMap 存储每个对象的私有属性和方法。使用 get 和 set 方法实现了公有的访问和修改私有属性的方式，使用 # 符号定义了一个私有方法，外部代码无法访问。
ECMAScript 2020 中的更清晰的私有属性与方法访问控制
在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，使用 # 符号来定义私有属性和方法。这样可以更好地实现私有属性和方法的封装，避免了使用 Symbol 和 WeakMap 的麻烦。
例如，下面的代码使用 # 符号实现了一个私有属性和方法：
-- -------------------- ---- -------
----- ------ -
---- - -- -- ----
--- ----- - -- ----
------ ----------
-
--- ----------- - -- ----
--------- - -------
-
--------- - -- ----
------ ----------
-
-
--- ------ - --- ---------
---------- - ---
------------------------ -- -- --
------------------------- -- --------------- ------- ----- ------ ---- -- -------- -- -- --------- -----
------------------------------ -- --------------- ------- ----- --------- ---- -- -------- -- -- --------- -----在上面的代码中，使用 # 符号定义了一个私有属性和方法，外部代码无法访问。使用 get 和 set 方法实现了公有的访问和修改私有属性的方式。使用 # 符号定义了一个私有方法，外部代码无法访问。
总结
JavaScript 中的私有属性和方法是实现代码封装、提高代码安全性和可维护性的重要手段。在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，使用 # 符号来定义私有属性和方法，更好地实现了私有属性和方法的封装，提高了代码的可维护性和安全性。对于开发者来说，掌握私有属性和方法的使用方法，可以更好地编写高质量的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6563fa13d2f5e1655dd656f0