在 JavaScript 中，原型污染是一个常见的问题。当我们将某个对象的属性设置为全局变量时，其他对象也可以访问该属性，从而导致原型污染。为了解决这个问题，ECMAScript 2021 引入了语言层面的私有变量。
什么是私有变量？
私有变量是指只能在对象内部访问的变量。在 JavaScript 中，我们通常使用闭包来实现私有变量。例如：
-- -------------------- ---- -------
-------- --------------- -
--- ----- - --
------ -
----------- -
--------
--
---------- -
------ ------
-
--
-
--- ------- - ----------------
--------------------
-------------------------------- -- -- -在上面的例子中，count 是一个私有变量，只能在 createCounter 函数内部访问。通过返回一个具有 increment 和 getCount 方法的对象，我们可以在外部访问这些方法，但不能直接访问 count 变量。
ECMAScript 2021 中的私有变量
在 ECMAScript 2021 中，我们可以使用 # 符号来定义私有变量。例如：
-- -------------------- ---- -------
----- ------- -
------ - --
----------- -
--------------
-
---------- -
------ ------------
-
-
--- ------- - --- ----------
--------------------
-------------------------------- -- -- -在上面的例子中，#count 是一个私有变量，只能在 MyClass 类内部访问。我们可以通过 increment 和 getCount 方法来访问这个私有变量，但不能直接访问 #count 变量。
解决原型污染问题
使用私有变量可以有效地解决原型污染问题。例如：
-- -------------------- ---- -------
----- -------- -
----------- - -------- -------
-------------------- -
---------------- - ------
-
--------------- -
------ -----------------
-
-
--- ---- - --- -----------
--- ---- - --- -----------
----------------------- --------
---------------------------------- -- -- ---- ------
---------------------------------- -- -- -------- ------在上面的例子中，每个 MyObject 实例都有自己的私有变量 #myProperty，所以 obj1 和 obj2 不会相互影响。
总结
ECMAScript 2021 引入了语言层面的私有变量，可以有效地解决原型污染问题。使用 # 符号可以定义私有变量，只能在对象内部访问。私有变量可以通过方法来访问，但不能直接访问私有变量。在编写 JavaScript 代码时，应该尽量避免使用全局变量，而是使用私有变量来保护数据的安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650d33fd95b1f8cacd6ea8a4