export
和export default
是用于导出模块中的功能的关键字,它们在使用上有一些区别:
export
:用于导出模块中的具名功能,可以导出多个功能。可以使用import
语句来导入具名导出的功能。// moduleA.js export function foo() { // 函数实现 } export const bar = 42; // moduleB.js import { foo, bar } from './moduleA';
在上面的示例中,
moduleA.js
中使用export
关键字导出了foo
函数和bar
常量。然后,在moduleB.js
中使用import
语句来导入具名导出的功能。export default
:用于导出模块中的默认功能,每个模块只能有一个默认导出。可以使用import
语句来导入默认导出的功能,且可以自定义导入的名称。// moduleA.js export default function() { // 函数实现 } // moduleB.js import customName from './moduleA';
在上面的示例中,
moduleA.js
中使用export default
关键字导出了一个无名称的默认函数。然后,在moduleB.js
中使用import
语句来导入默认导出的功能,并自定义了导入的名称为customName
。需要注意的是,当使用
export default
导出时,导入时不需要使用花括号,而且可以自由命名导入的变量名。总的来说,
export
用于导出具名功能,而export default
用于导出默认功能。在导入时,使用import
语句可以按需导入具名功能,而默认功能的导入可以自定义变量名。在一个模块中,可以同时使用export
和export default
导出不同类型的功能。