在 JavaScript 中,export
和 export default
都是用于导出模块中的内容的关键字,但它们有一些区别:
-
export:
-
export
关键字用于导出多个变量、函数或对象。可以一次导出多个内容,并且在导入时需要使用对应的名称。例如:
// module.js export const name = 'John'; export function sayHello() {console.log('Hello!'); } 在另一个文件中导入:import { name, sayHello } from './module.js';
-
-
export default:
-
export default
用于导出一个默认的内容,一个模块只能有一个默认导出。在导入时,可以自定义导入的名称。例如:
// module.js const message = 'Hello World'; export default message; 在另一个文件中导入:import customName from './module.js';
-
总结:
-
使用
export
可以导出多个内容,需要使用相同的名称进行导入。 -
使用
export default
只能导出一个默认内容,并且在导入时可以使用任意自定义的名称。