随着 Node.js 14 的发布，我们可以在服务器端使用 ES6 模块（也称为 Native ECMAScript modules）。这是一个重要的变化，因为它使得在服务器端使用 ES6 模块变得更加容易和自然，同时也减少了与 CommonJS 模块的混淆。
ES6 模块和 CommonJS 模块的区别
ES6 模块和 CommonJS 模块有一些重要的区别。其中最显著的区别是，ES6 模块是静态的，而 CommonJS 模块是动态的。这意味着，ES6 模块在编译时已经确定了它们的依赖关系，而 CommonJS 模块在运行时才会确定它们的依赖关系。
在服务器端使用 ES6 模块
要在服务器端使用 ES6 模块，我们需要在文件扩展名中使用 .mjs。例如，如果我们有一个名为 server.mjs 的文件，我们可以像这样运行它：
---- ----------
在 server.mjs 中，我们可以使用 import 和 export 语句来导入和导出模块。例如，下面是一个使用 ES6 模块的示例：
-- ---------- ------ ---- ---- ------- ----- ------ - ----------------------- ---- -- - ------------------ - --------------- ------------ --- --------------- --------- --- ------------------- -- -- - ------------------- ------- -- ------------------------ ---
在这个例子中，我们使用 import 语句导入了 Node.js 的 http 模块。然后，我们创建了一个 HTTP 服务器，并在服务器上监听端口 3000。当我们访问 http://localhost:3000 时，服务器会返回 "Hello, World!"。
使用 import() 动态加载模块
ES6 模块还支持动态加载，这意味着我们可以在运行时根据需要加载模块。为此，我们可以使用 import() 函数。例如，下面是一个使用 import() 函数的示例：
-- ----------
------ ---- ---- -------
----- ------ - ----------------------- ----- ---- -- -
-- -------- --- --------- -
----- - -------- -------- - - ----- -------------------------
------------------ - --------------- ------------ ---
--------------------
- ---- -
------------------ - --------------- ------------ ---
------------ --------
-
---
------------------- -- -- -
------------------- ------- -- ------------------------
---在这个例子中，我们根据请求的 URL 动态加载了一个模块，该模块定义了一个 sayHello 函数。当我们访问 http://localhost:3000/hello 时，服务器会返回 "Hello, World!"。
总结
ES6 模块是一种静态的模块系统，它与 CommonJS 模块有一些重要的区别。在 Node.js 14 中，我们可以在服务器端使用 ES6 模块，并使用 import 和 export 语句来导入和导出模块。我们还可以使用 import() 函数来动态加载模块。这使得在服务器端使用 ES6 模块变得更加容易和自然，同时也减少了与 CommonJS 模块的混淆。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65599a1fd2f5e1655d40331a