在浏览器和 Node.js 中使用 ECMAScript 2021 模块：import/export

随着 ECMAScript 2021 的发布，新的 import/export 模块化语法成为了 JavaScript 中的标准化格式。这一新的模块化语法可以让开发者轻松地组织代码，使得代码更加易于维护和重用。本文将会介绍如何在浏览器和 Node.js 中使用 ECMAScript 2021 模块，并且提供一些实用的示例代码。

为什么要使用模块化？

在 Web 开发中，我们通常需要利用 JavaScript 和 CSS 来实现一些复杂的功能，以及创建交互式的视觉效果。但是，随着功能需求的提升和项目的规模加大，代码的组织和维护变得越来越困难。在这种情况下，模块化就显得尤为重要。

模块化可以将复杂的代码分离成独立、可重用、易于维护的模块，方便开发者进行开发、测试和维护。同时，模块化还有助于提高代码的可维护性和可读性，并减少代码之间的重复和冗余。

ECMAScript 2021 模块：import/export

在 ECMAScript 2021 中，引入了新的 import 和 export 语法，使得 JavaScript 可以支持原生的模块化。import 语句用于导入外部模块，而 export 语句则用于导出内部模块，使得代码可以轻松地实现模块化。

import 和 export 语句的语法如下：

// 导入模块
import { module } from './module.js';

// 导出模块
export const module = {}

在使用 ECMAScript 2021 模块时，需要注意以下几点：

1. 模块的导入语句必须放在模块顶部。
2. 导入模块的路径必须是相对于当前模块的路径。
3. 模块只会被加载一次，无论是在浏览器还是 Node.js 中使用。

在浏览器中使用 ECMAScript 2021 模块：import/export

在浏览器中使用 ECMAScript 2021 模块时，需要在