自 ECMAScript 2021（ES12）起，JavaScript 引入了一种新的特性，称为双边名称空间（Dual Namespace）。该特性提供了一种更加灵活且安全的方式来定义私有字段，为开发人员提供了更多的选项来组织自己的代码。
名称空间与命名冲突
在 JavaScript 中，变量和函数都存在于一个大的名称空间中，因此不同的代码可能会使用相同的名称来引用不同的既存变量或函数，这将导致名称冲突和意外的行为。例如，如果两个模块都试图使用名称 x，它们可能会相互覆盖或引用错误的变量。
ES6 向 JavaScript 中引入了块级作用域，它允许我们使用 let 和 const 来定义只在特定块内可见的变量。这为避免名称冲突带来了一定程度的帮助，但是仍然可能存在属性名称冲突的问题。
双边名称空间的解决方案
ES12 引入了一种新的概念，称为“双边名称空间”，可以有效地解决上述问题。使用双边名称空间，我们可以在对象中定义与属性函数相关联的名称空间。被称为“隐藏属性”，这些属性只能从由该类创建的对象内部访问。
考虑以下示例：
----- ------ -
------ -- ------ --------
----------------- -
---------- - -----
-
--------- -
------ ----------- -- --------- --- ------ --------
-
-
----- ------ - --- ----------------
------------------------------ -- ------- -----
-------------------------- -- ------ ------ ------ - ------- -----在上面的示例中，我们可以看到在 Person 类中使用了名称空间。该类有一个隐藏属性 #name，该属性被封装在类的内部，外部不能直接访问它。
注意，双边名称空间中的隐藏属性由类的实例化对象持有。因此，一个类的两个不同时刻的实例化对象可能有不同的隐藏属性。这是与传统意义上的 JavaScript 对象不同的地方。
补充的示例
考虑以下示例，其中我们将隐藏属性存储在不同的名称空间中：
----- ------ -
------ ------------ - --- ---------- -- ------ ------ --------
----------------- ---- -
----- ---- - - ----- --- --
----------------------------- ------
-
--------- -
----- ---- - ------------------------------
------ ---------- -- --------- --- ------ --------
-
-------- -
----- ---- - ------------------------------
------ --------- -- --------- --- ------ --------
-
-
----- ----- - --- --------------- ----
----------------------------- -- ------- -----
---------------------------- -- ------- --
-------------------------------------------- -- ---------在上面的示例中，我们将私有属性存储在 Person 类中的一个静态属性 #privateData 中，该静态属性使用了 WeakMap 来存储隐藏属性。我们可以看到，组件中的隐藏属性在单个类中都存在，但是可以根据属性的目的，将其存储在映射的不同命名空间中。
结论
ES12 中的双边名称空间允许我们定义私有属性，可以在 Python 中很常见的用法，它们在无需将属性封装在类中使用时允许我们轻松避免名称冲突和不安全的代码行为。由于该特性是新的，还不是很广泛使用，但是对于需要更好的封装和代码组织的开发者，它是一个强大的工具，值得掌握。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67109a2a377015f5a1a1a72f