ES6 是 JavaScript 的一个重要版本，其中有许多新的特性和语法。其中之一是 export 和 import，它们是模块化编程的核心，可以帮助我们更好地组织代码并使其易于维护。在本文中，我们将详细介绍 export 和 import，并提供一些示例代码来帮助您更好地理解。
export
ES6 中的 export 用于从模块中导出函数、变量和类。您可以使用以下语法将函数、变量和类导出：
-- ----
------ ----- ---- - -------
-- ----
------ -------- ---------- -
---------------------
-
-- ---
------ ----- ------ -
----------------- -
--------- - -----
-
-您还可以使用默认导出来导出一个模块。默认导出只能导出一个值，例如：
-- ----- ------ ------- ---------- - --------------------- -
注意：默认导出只能在一个模块中使用一次。
import
ES6 中的 import 用于从其他模块中导入函数、变量和类。您可以使用以下语法从其他模块中导入函数、变量和类：
-- ---- ------ - ---- - ---- ----------- -- ---- ------ - -------- - ---- ----------- -- --- ------ - ------ - ---- ----------- -- ----- ------ ---------- ---- -----------
您还可以使用以下语法将多个模块中的导出内容合并为一个对象：
------ - -- -------- ---- -----------
这将导入 module 模块中的所有导出内容，并将它们合并为一个名为 myModule 的对象。
示例代码
下面是一些示例代码，其中展示了如何使用 export 和 import：
-- ---------
------ ----- ---- - -------
------ -------- ---------- -
---------------------
-
------ ----- ------ -
----------------- -
--------- - -----
-
-
------ ------- ---------- -
-------------------- -----------
-
-- ------
------ - ----- --------- ------ - ---- -----------
------------------
-----------
----- ---- - --- ---------------
-----------------------
------ ---------- ---- -----------
-------------
------ - -- -------- ---- -----------
---------------------------
--------------------
----- ---- - --- ------------------------
-----------------------
-------------------在上面的示例代码中，我们定义了一个 module.js 模块，其中导出了变量、函数、类和默认值。然后，在 app.js 中，我们使用 import 从 module.js 中导入了变量、函数、类和默认值，并展示了如何使用它们。
总结
ES6 中的 export 和 import 是模块化编程的核心。通过使用它们，我们可以更好地组织代码并使其易于维护。在本文中，我们详细介绍了 export 和 import，并提供了一些示例代码来帮助您更好地理解它们。如果您还没有使用 export 和 import 进行模块化编程，请尝试使用它们并体验其中的便利。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66272802c9431a720c3b24b0