使用模块化代码是使 JavaScript 应用程序更加可维护和可扩展的一种方式。ES6引入了一种新的模块语法，使得在 JavaScript 中编写模块化代码变得更加容易。下面是如何在 JavaScript 中使用模块化代码和 ES6 import 语句的步骤：
utils.js 的文件，并在其中定义一个名为 sum 的函数，如下所示：// utils.js
export function sum(a, b) {
return a + b;
}import 语句来引入该模块。例如，我们可以创建一个名为 app.js 的文件，并使用 import 语句引入 utils.js 模块，并使用 sum 函数，如下所示：// app.js
import { sum } from './utils.js';
console.log(sum(1, 2)); // 输出 3在这个示例中，我们使用 import 语句从 utils.js 模块中导入 sum 函数。我们使用了{}来指定我们要导入哪些函数或变量。在这种情况下，我们只导入了 sum 函数。我们使用相对路径 ./ 来指定 utils.js 文件的位置。
<script type="module"> 标记来加载 ES6 模块。例如：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ES6 模块化</title>
</head>
<body>
<script type="module" src="app.js"></script>
</body>
</html>在这个示例中，我们在 <script> 标记中使用了 type="module" 属性，这告诉浏览器该脚本是一个 ES6 模块。我们还指定了 src 属性来指定要加载的模块文件的位置。
这就是如何在 JavaScript 中使用模块化代码和 ES6 import 语句的基本步骤。使用模块化代码可以使 JavaScript 应用程序更容易维护和扩展。