随着前端技术的不断发展，JavaScript 语言作为前端开发的核心语言也在快速演进。而 ES（ECMAScript） 模块，是 JavaScript 的一种重要的组织方式，可以使得开发者可以更容易地使用和管理代码。在 Deno 中，也可以方便地使用 ES 模块来编写高质量的 JavaScript 代码。本文将教你如何在 Deno 中使用 ES 模块。
为什么使用 ES 模块？
在 JavaScript 语言中，ES 模块是一种官方推荐的模块组织方式，它让开发者可以封装自己的代码，并将代码分割成多个模块，以便于在不同的逻辑场景中使用。通过 ES 模块，开发者可以使代码更加具有可读性、可维护性和可测试性。
在 Deno 中使用 ES 模块
使用 ES 模块非常方便。可以通过 import 关键字或 export 关键字来将模块导入或导出。
导入 ES 模块
使用 import 关键字可以导入一个 ES 模块。
import { MyModule } from './my-module.js';上述代码会导入名为 MyModule 的模块，该模块导出在 my-module.js 文件中声明的函数、类或对象。
导出 ES 模块
使用 export 关键字可以导出一个 ES 模块。
export function sum(a, b) {
return a + b;
}上述代码声明了一个函数 sum，该函数可以被别的模块通过 import 导入到其它模块中使用。
异步导入 ES 模块
在 Deno 中，也可以异步地导入 ES 模块。这通常在开发者希望 “按需加载” 一些模块的时候非常有用，以减少代码的加载时间。
const response = await import("https://deno.land/std/examples/welcome.ts");上述代码中，import() 方法返回一个 Promise，当模块被成功导入后，Promise 的回调函数会被执行。对于import() 方法，我们也可以使用 await 关键字来获取该方法返回的值。
示例代码
下面是一个简单的例子，展示了在 Deno 中如何使用 ES 模块：
my-module.js:
-- -------------------- ---- ------- ------ -------- ------ -- - ------ - - -- - ------ -------- ------ -- - ------ - - -- - ------ ----- -- - -----
app.js:
import { sum, mul, PI } from './my-module.js';
const result1 = sum(2, 3);
const result2 = mul(2, 3);
console.log(result1); // 5
console.log(result2); // 6
console.log(PI); // 3.14上述代码中，我们首先在 my-module.js 文件中声明了一个名为 sum、一个名为 mul 的函数以及一个名为 PI 的常量。然后在 app.js 文件中通过 import 关键字将这些内容导入，并在 app.js 中使用这些组件。
总结
在本文中，我们学习了在 Deno 中如何使用 ES 模块。ES 模块是一种推荐的组织方式，有助于开发者编写和管理更好的代码。感谢您的阅读，希望这篇文章对您在 Deno 中使用 ES 模块有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f7e8bbf6b2d6eab301b2b9