前言
Deno 是一个新兴的 JavaScript 和 TypeScript 运行时，侧重于安全和可维护性。相较于 Node.js，它在模块规范的支持上更加友好。ES6 模块是 Deno 默认的模块规范，本文将介绍如何在 Deno 中使用 ES6 模块规范。
ES6 模块规范
ES6 模块规范是一种新的 JavaScript 模块规范，在浏览器和 Node.js 中也有所支持。ES6 模块使用 import 和 export 来进行模块的引入和导出，相比于 CommonJS 和 AMD 规范，它更加直观和易于理解。
ES6 模块规范中，模块是一个独立的文件或一组相关的文件。模块中的所有变量、函数和类都是私有的，如果需要在另一个文件中使用这些变量、函数和类，必须使用 export 将其导出，然后使用 import 进行引入。在使用时，需要注意路径问题。
Deno 中使用 ES6 模块规范
Deno 中可以通过文件后缀名 .js、.ts 或 .mjs 来表示一个 ES6 模块。默认情况下，Deno 会从相对路径中寻找模块，可以使用绝对路径或 URL 形式的路径来指定特定的模块。
导出模块中的内容
使用 export 关键字可以将模块中的变量、函数和类导出，被导出的内容可以是命名导出或默认导出。命名导出可以在 import 语句中使用相同的名称进行引用，而默认导出则没有名称限制。
-- -------------------- ---- -------
-- ---------
------ ----- ---- - ---------
------ -------- ------- -
------------------ -----------
-
------ ------- ----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------ ----------------
-
-// app.js
import { name, hello } from './module.js';
import Person from './module.js';
console.log(name); // 输出 'module'
hello(); // 输出 'Hello module!'
const person = new Person('John');
person.sayHello(); // 输出 'Hello John!'导入模块中的内容
使用 import 关键字可以导入模块中的内容。相对路径会相对于当前模块进行解析，并且会默认解析为一个相对 URL。
// app.js
import { name, hello } from './module.js';
import Person from './module.js';
console.log(name); // 输出 'module'
hello(); // 输出 'Hello module!'
const person = new Person('John');
person.sayHello(); // 输出 'Hello John!'动态导入模块
Deno 支持动态导入模块，即在运行时才导入模块，可以使用 import() 函数进行动态导入。import() 返回一个 Promise 对象，调用 then 方法可以获取必要的数据。
// app.js
const modulePath = './module.js';
import(modulePath).then((module) => {
module.hello(); // 输出 'Hello module!'
});总结
ES6 模块规范是一种新的 JavaScript 模块规范，在 Deno 中得到了很好的支持。通过 import 和 export 可以方便地导入和导出模块中的内容，在使用时需要注意路径问题。动态导入模块可以在运行时才导入模块，更加灵活。在使用 Deno 进行前端开发时，可以灵活运用 ES6 模块规范，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6518b6da95b1f8cacd105798