在 ECMAScript 2020 中，我们看到了一项新的功能，即基于 ES modules 的对象封装。这个新功能可以让我们更好地组织代码和数据，并提供更好的封装性和可重用性。
ES modules 简介
ES modules 是 ECMAScript 6 中引入的一个新的模块系统，它被设计成可以轻松地在不同的文件中共享代码。ES modules 引入了两个新的关键字 import 和 export，用于导入和导出模块中的代码。
例如，我们可以在一个模块中定义一个函数，然后在另一个模块中使用它：
-- -------------------- ---- ------- -- ---------- ------ -------- ------ -- - ------ - - -- - -- ---------- ------ - --- - ---- --------------- ------------------ ---- -- -- -
对象封装
对象封装是一种将数据和操作数据的方法组合在一起的编程风格。它可以让我们更好地组织代码和数据，并提供更好的封装性和可重用性。
在 ECMAScript 2020 中，我们可以使用 ES modules 来实现对象封装。我们可以将一个对象定义在一个模块中，然后在另一个模块中使用它。
例如，我们可以定义一个 Person 对象，并在另一个模块中使用它：
-- -------------------- ---- -------
-- ---------
------ ----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
-- --------
------ - ------ - ---- --------------
----- ---- - --- -------------- ----
---------------- -- -- ------- -- ---- -- ---- --- - -- -- ----- -----在上面的例子中，我们定义了一个 Person 类，并将它导出到 person.js 模块中。然后，在 index.js 模块中，我们导入了 Person 类，并使用它创建了一个 john 实例。
封装性和可重用性
使用对象封装可以提供更好的封装性和可重用性。我们可以将数据和操作数据的方法组合在一起，并将它们封装在一个对象中。这样可以确保数据的安全性，并提供一致的 API。
另外，我们可以将一个对象定义在一个模块中，并在多个模块中使用它。这样可以提高代码的可重用性，并减少重复的代码。
示例代码
下面是一个更复杂的示例，展示了如何使用对象封装和 ES modules 来组织代码和数据。
-- -------------------- ---- -------
-- ---------
------ ----- ------ -
----------------- ---- -
---------- - -----
--------- - ----
-
--- ------ -
------ -----------
-
--- ---------- -
---------- - -----
-
--- ----- -
------ ----------
-
--- -------- -
--------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- - -- ------------ ----- -------
-
-
-- ----------
------ - ------ - ---- --------------
------ ----- ------- ------- ------ -
----------------- ---- ------ -
----------- -----
----------- - ------
-
--- ------- -
------ ------------
-
--- ------------ -
----------- - ------
-
------- -
-------------------------- -- -------- -- ----- ------------------
-
-
-- --------
------ - ------ - ---- --------------
------ - ------- - ---- ---------------
----- ---- - --- -------------- ----
---------------- -- -- ------- -- ---- -- ---- --- - -- -- ----- -----
----- ---- - --- --------------- --- ----
---------------- -- -- ------- -- ---- -- ---- --- - -- -- ----- -----
------------- -- -- ----- -- -------- -- ----- ----在上面的例子中，我们定义了一个 Person 类和一个 Student 类，并将它们导出到 person.js 和 student.js 模块中。然后，在 index.js 模块中，我们导入了这些类，并使用它们创建了 john 和 mary 实例。
Person 类包含一个 _name 属性和一个 _age 属性，以及一个 sayHello 方法。Student 类继承自 Person 类，并添加了一个 _grade 属性和一个 study 方法。
结论
在 ECMAScript 2020 中，我们可以使用 ES modules 来实现对象封装。这个新功能可以让我们更好地组织代码和数据，并提供更好的封装性和可重用性。使用对象封装可以提高代码的安全性，并提供一致的 API。另外，我们可以将一个对象定义在一个模块中，并在多个模块中使用它，这样可以提高代码的可重用性，并减少重复的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675eb420e49b4d0716198ed3