在前端开发中，经常会用到模块化的开发方式来管理代码，其中模块导出是其中一个重要的部分。ES6 中提供了模块导出的语法，而 ES9 中又有了更多的模块导出方式，本文将对 ES9 中的模块命名导出进行详解，包括其语法、使用场景、示例代码等。
语法
ES9 中的模块命名导出采用了类似于解构赋值的语法，即使用 {} 包裹导出的变量名，例如：
export const name = 'Tom'; export const age = 18;
需要注意的是，一个模块中只能有一个默认导出，但可以有多个命名导出。
使用场景
模块命名导出可以方便地将一个模块中的多个变量导出，应用在以下场景中会特别实用：
- 在一个模块中导出多个变量时，可使用命名导出
- 在使用其他模块中的多个变量时，可使用命名导出进行导入
示例代码
下面通过示例代码演示如何使用模块命名导出。
模块导出
我们先创建一个 module.js 模块，定义两个变量并进行命名导出：
const name = 'Tom';
const age = 18;
export { name, age };在该模块中，我们对变量 name 和 age 进行了命名导出。
模块导入
在另一个模块中，我们需要使用 module.js 中导出的变量，可以使用命名导入来实现：
import { name, age } from './module.js';
console.log(name); // 输出 'Tom'
console.log(age); // 输出 18通过导入模块中的变量，并使用对象解构的方式获取变量值，我们能够访问到 name 和 age 变量的值。需要注意的是，导入时需要提供正确的模块路径。
总结
通过本文对 ES9 中模块命名导出的详细介绍，我们可以了解到其具体语法和使用场景，并通过示例代码掌握其用法。模块命名导出能够方便地导出和导入一个模块中的多个变量，从而提高了代码的可读性和可维护性，值得前端开发者深入学习和应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fefa8895b1f8cacdda441d