前言
Deno 是一个轻量级的 JavaScript 和 TypeScript 运行时，由 Ryan Dahl 创建，采用 V8 引擎实现，旨在提供更安全、更高效的运行环境。
与 Node.js 不同的是，Deno 直接支持 ES6 模块，因此不需要使用 CommonJS 的 require 语法。而在 Deno 中，我们使用标准的 ES6 import/export 语法进行模块导入导出。
但是，由于 Deno 的开发进程尚不成熟，一些模块导入的最佳实践还没有被广泛掌握。本文将探讨一些 Deno 模块导入的最佳实践，旨在帮助前端开发人员更好地使用 Deno。
导入文件
我们可以像下面这样导入一个本地的 TypeScript 文件：
import { foo } from "./index.ts";其中 ./ 表示当前目录，.ts 表示导入的文件扩展名。
如果文件名没有显示指定扩展名，则会自动尝试匹配 .ts 和 .js 文件：
import { foo } from "./index";此时 Deno 会按照以下顺序寻找文件：
- index.ts
- index.js
- index.tsx
- index.jsx
当找到匹配的文件后，Deno 将对其类型进行检查，如果没有指定类型，将默认使用 TypeScript。
导入模块
我们也可以导入来自其他模块的函数、变量或对象：
import { foo } from "https://deno.land/x/my_module/mod.ts";其中 https://deno.land/x/my_module/mod.ts 是一个 URL，指向了一个开发者发布在 Deno Land 上的模块。
需要注意的是，如何通过 URL 导入的模块需要经过网络请求，因此需要确保网络连接畅通。为了提高性能，在生产环境中，建议从本地文件导入模块。
导入默认值
有些模块导出默认的函数或变量，此时我们可以使用以下语法导入：
import hello from "./hello.ts";
需要注意的是，从默认值导入的名称可以自定义，与导出名称无关。
多重导入
在某些情况下，我们需要导入多个函数或变量：
import { foo, bar } from "./index.ts";此时我们可以将多个导入项放在一对花括号内，并用逗号分隔。
给导入的模块命名
我们可以给导入的模块命名，以便使用更方便：
import { foo, bar as baz } from "./index.ts";此时，我们可以直接使用 foo 和 baz 两个变量名。
懒加载导入
在某些情况下，我们希望在真正需要时才导入模块，这被称为“懒加载导入”：
if (needFoo) {
const { foo } = await import("./foo.ts");
// 需要用到 foo，在这里做一些操作
}注意，在这里使用了 await，表示该导入操作是异步的。
总结
本文介绍了一些 Deno 模块导入的最佳实践，包括导入文件、导入模块、导入默认值、多重导入、给导入的模块命名和懒加载导入。希望这些内容能够对广大前端开发人员有所帮助，让你更好地使用 Deno。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e6e428f6b2d6eab323b52c