Deno 是一个基于 V8 引擎的运行时环境，用于在服务器端和客户端运行 JavaScript 和 TypeScript。正如 Node.js 一样，Deno 也支持使用模块化进行代码组织和管理，其中 ES6 模块是最常见的一种模块格式。本文将介绍在 Deno 中如何使用 ES6 模块进行开发。
使用 import 导入模块
ES6 模块使用 import 语句来导入其它的模块，并且支持使用 export 关键字将本模块中的函数、类、变量等暴露给其他模块使用。下面是一个简单的示例，其中 utils.ts 是一个模块，其中定义了一个函数 add 和一个变量 name，并将它们暴露给了其他模块使用。
// utils.ts
export const name = 'Deno';
export function add(x: number, y: number): number {
return x + y;
}// main.ts
import { name, add } from './utils.ts';
console.log(name); // 'Deno'
console.log(add(1, 2)); // 3在 main.ts 中，我们使用 import 语句导入了 utils.ts 模块中的 name 和 add，并将其打印到控制台中。需要注意的是，导入的文件路径需要使用相对路径，并且不能省略文件名的后缀。
常见的模块文件后缀
在使用 ES6 模块时，.js 文件不再是必须的，而可以使用其他的文件后缀来表示不同类型的模块。下面是常见的一些文件后缀及其含义：
.js：普通的 JavaScript 文件.ts：TypeScript 文件.mjs：ES6 模块文件，从 Deno 1.0 开始支持.jsx：React 组件文件.tsx：TypeScript + React 组件文件
需要注意的是，在使用不同的文件后缀时，需要使用 --allow-extension 命令行参数来授权 Deno 解析相应的扩展名。例如，要允许解析 .jsx 文件，需要执行以下命令：
deno run --allow-read --allow-net --allow-extension=jsx app.ts
使用 URL 导入模块
在 Deno 中，我们不仅可以使用相对路径来导入模块，还可以使用 URL 来导入模块。例如，下面的示例中，我们使用 URL 来导入了一个来自官方仓库中的模块：
-- -------------------- ---- ------- ------ - ----- - ---- --------------------------------------- ----- ------ - ------- ----- ---- --- -------------------------------------- --- ----- ------ --- -- ------- - ------------- ----- ------ ------ --- -
在上面的示例中，我们使用 import 语句从 URL 'https://deno.land/std/http/server.ts' 导入了 serve 函数，然后在代码中使用它来启动一个 HTTP 服务器。需要注意的是，使用 URL 导入模块时，需要使用 --allow-net 命令行参数来授权 Deno 发送 HTTP 请求。
总结
ES6 模块在 Deno 中的使用与在浏览器和 Node.js 中的使用类似，但也有一些细微的区别。通过本文的介绍，你应该已经了解了在 Deno 中使用 ES6 模块的基本用法，并能够使用它们来组织和管理自己的代码。希望本文能为初学者提供一些参考，也希望有经验的开发者能够从中得到一些启示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6480161c48841e9894f95840