ECMAScript 是 JavaScript 基础的标准规范，随着时间推移，它会不断更新。在 ECMAScript 2020 中，添加了一些新的特性，包括命名空间和封装，这些特性可以帮助开发者更好地组织代码，并提高代码的可读性和可维护性。
命名空间
命名空间是一种将代码组织成模块化的技术，它可以让多个模块在同一个作用域中工作，并且隔离各个模块中的变量、函数和类。
在 ECMAScript 2020 中，可以通过 import 和 export 语句来实现命名空间的功能。以下是一个示例：
-- -------------------- ---- ------- -- ---------- ------ ----- - - ---------- - ---------------- -- -- ---------- ------ ----- - - ---------- - ---------------- -- -- ------- ------ - -- ---- ---- --------------- --------- -- -- --- ------ - - - ---- --------------- ---- -- -- ---
在上面的示例中，我们定义了两个模块 moduleA 和 moduleB，它们都有自己的命名空间并导出了一个函数，然后在 main 模块中引入了这两个模块，并使用了导出的函数。
封装
封装是一种将代码隐蔽起来，只对外提供特定接口的技术。它可以降低代码的耦合性，并且使代码更加安全与可信赖。
在 ECMAScript 2020 中，可以通过类和模块来实现封装的功能。以下是一个示例：
-- -------------------- ---- ------- -- --------- ----- ------- - ------ - -- -- ---- --- ------- - ------ ------------ - -- ---- ----------- - -------------- - -- ---- - ------ ------- -------- -- ------- ------ ------- ---- -------------- ----- ------- - --- ---------- -------------------- --------------------------- -- -- ---
在上面的示例中，我们定义了一个 Counter 类，其中有一个私有属性 #count 和一个公共方法 increment，同时也定义了一个只读属性 count，然后将该类导出为默认模块。在 main 模块中，我们引入了 Counter 类，并创建了一个新的实例。然后调用了 increment 方法并打印了 count 属性的值。
封装技术除了对内部结构进行隐蔽外，还可以起到优化代码结构的作用。尤其在大型项目和团队协作中，封装技术可以避免各个位点之间的误操作和代码风格不统一等问题。
总结来说，命名空间和封装都是 ECMAScript 2020 中新增的特性，它们可以帮助开发者更好地组织代码，并提高代码的可读性和可维护性。现代的前端项目几乎都需要使用这些技术来构建紧密耦合的模块化应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651a8ded95b1f8cacd27353a