75、JavaScript 模块与 Worker 全面解析

JavaScript 模块与 Worker 全面解析

1. ECMAScript 模块

1.1 模块导入

1.1.1 显式导入

可以将标识符放在 import 子句中进行显式导入，还能为导入指定别名。示例如下：

import { foo, bar, baz as myBaz } from './foo.js';
console.log(foo);    // foo
console.log(bar);    // bar
console.log(myBaz);  // baz

1.1.2 默认导出导入

默认导出可以使用 default 关键字并提供别名进行导入，也可以不使用花括号导入，指定的标识符即为默认导出的别名。示例如下：

// 等效
import { default as foo } from './foo.js';
import foo from './foo.js';

1.1.3 混合导入

如果一个模块同时导出命名导出和默认导出，可以在同一个 import 语句中获取它们。示例如下：

import foo, { bar, baz } from './foo.js';
import { d