ES11（也称为 ES2020）是 ECMAScript 标准的最新版本，其中包含了许多新的语言特性和 API。在这篇文章中，我们将重点介绍 ES11 中关于模块的新特性。
1. import() 动态导入
在 ES6 中，我们可以使用静态导入来引入模块：
import { foo } from './module.js';但是，这种方式只支持在代码的顶层使用，无法在运行时根据条件动态导入模块。ES11 引入了 import() 函数，可以在运行时动态导入模块：
async function loadModule() {
const { foo } = await import('./module.js');
// ...
}需要注意的是，import() 函数返回一个 Promise，因此需要使用 async/await 或者 .then() 进行处理。
2. import.meta
在 ES11 中，我们可以使用 import.meta 对象来获取当前模块的元数据：
console.log(import.meta.url); // 输出当前模块的 URL
这个特性可以用于实现一些高级的模块加载逻辑，例如根据当前模块的 URL 动态加载其他模块。
3. export * as ns from 'module'
在 ES6 中，我们可以使用 export 关键字导出一个对象或者函数：
export { foo, bar };ES11 引入了一个新的语法，可以将一个模块的所有导出绑定到一个命名空间对象上：
export * as utils from './utils.js';
这样，在其他模块中就可以使用 utils.foo 或者 utils.bar 来访问导出的内容。
4. export { foo as bar }
在 ES6 中，我们可以使用 export 关键字重命名导出的变量：
export { foo as bar };ES11 引入了一个新的语法，可以在同一个 export 语句中同时重命名多个变量：
export { foo as bar, baz as qux };这样可以使代码更加简洁和易读。
5. export 默认值
在 ES6 中，我们可以使用 export default 关键字导出一个默认值：
export default function() { /* ... */ }ES11 引入了一个新的语法，可以在同一个 export 语句中同时导出默认值和命名导出：
export { foo, bar as baz, default } from './module.js';这样可以使代码更加简洁和易读。
总结：
ES11 中关于模块的新特性包括 import() 动态导入、import.meta 元数据、export * as ns from 'module' 命名空间导出、export { foo as bar } 变量重命名、export 默认值等。这些新特性可以使我们更加方便地管理模块，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c0d98fadd4f0e0ffad589e