在 ES9 中使用 ESM：教程-JavaScript中文网-JavaScript教程资源分享门户

随着前端技术的发展，我们越来越多地使用 JavaScript 来开发现代 Web 应用程序。而 ES9（ECMAScript 2018）是一种新的 JavaScript 版本，它在很多方面都有所改进和增强，其中之一就是支持 ESM（ECMAScript Modules）。本文将介绍 ES9 和 ESM 的基础知识，以及如何在 ES9 中使用 ESM。

什么是 ESM？

ESM 是一种 JavaScript 模块化标准，它是一项新的工具，用于将 JavaScript 应用程序拆分成小块，每个小块可以单独引入和使用。这种模块化的方法使得应用程序更加容易开发和维护，同时还可以提高代码的可重用性。

在 ESM 中，每个模块都是一个单独的文件，该文件中的代码可以导出和导入变量、函数、类等内容。通过这种方式，我们可以创建一个完整的 JavaScript 应用程序，其中的每个模块都是一个独立的功能单元。

ES9 中的 ESM

在 ES9 中，ESM 已被正式纳入 JavaScript 标准中，并且在浏览器和 Node.js 中都得到了支持。使用 ESM 可以让我们更好地组织和管理代码，同时也可以提高代码的可读性和可维护性。

现在，我们已经了解了 ESM 和 ES9，接下来让我们看看如何在 ES9 中使用 ESM。

在 ES9 中使用 ESM

在 ES9 中，使用 ESM 的关键是使用 import 和 export 关键字，这两个关键字可以让我们导入和导出模块中的变量、函数、类等内容。下面是一个简单的例子：

//main.js
import { sum } from './util.js';

console.log(sum(1, 2)); //输出 3

//util.js
export function sum(a, b) {
  return a + b;
}

在上面的例子中，我们使用 import 关键字导入了 util.js 模块中的 sum 函数，并在 main.js 中使用它来计算两个数字的和。

在 util.js 中，我们使用 export 关键字导出了 sum 函数，使得它可以在其他模块中被导入和使用。

除了使用 import 和 export，我们还可以使用 import * as 的方式导入整个模块，或者使用 export default 来设置模块的默认导出项。

总结

ESM 是一种重要的 JavaScript 模块化方式，它可以让我们更好地组织和管理代码，提高代码的可读性和可维护性，同时也可以提高代码的可重用性。在 ES9 中，使用 ESM 只需要使用 import 和 export 关键字，它们可以让我们很方便地导入和导出模块中的内容。使用 ES9 和 ESM 可以让我们写出更加优雅和高效的 JavaScript 代码。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65335ea37d4982a6eb6e3755