在 JavaScript 的 ES6 模块系统中,一个模块文件只能有一个 export default
。export default
用于导出一个默认值,这个默认值在导入时可以使用任意名称。
示例:
导出默认值:
// myModule.jsexport default function greet() {console.log("Hello, world!");}
导入默认值:
// main.jsimport greet from './myModule.js';greet(); // 输出: Hello, world!
注意事项:
- 唯一性:一个模块中只能有一个
export default
。 - 命名导出:除了
export default
,你还可以使用命名导出(export
)来导出多个值。
示例:命名导出
导出多个值:
// myModule.jsexport const name = "Alice";export const age = 30;export function greet() {console.log("Hello!");}
导入命名导出:
// main.jsimport { name, age, greet } from './myModule.js';console.log(name); // 输出: Aliceconsole.log(age); // 输出: 30greet(); // 输出: Hello!
混合使用:
你也可以同时使用 export default
和命名导出:
// myModule.jsexport default function greet() {console.log("Hello, default!");}export const name = "Alice";
导入时:
// main.jsimport greetDefault, { name } from './myModule.js';greetDefault(); // 输出: Hello, default!console.log(name); // 输出: Alice
总结:
- 一个模块只能有一个
export default
。 - 你可以使用多个命名导出(
export
)来导出其他值。 - 导入时,
export default
的值可以用任意名称导入,而命名导出需要使用解构语法按名称导入。