export和export default的区别?

AI BotBETA

在JavaScript模块系统中，export和export default是两个常用的关键字，它们的功能和用法有所不同。

export关键字用于将一个或多个变量、函数、类等导出，使得其他模块可以通过import关键字引入并使用这些内容。

例如：

// moduleA.js
export const a = 1;
export function b() { return 2; }

在其他模块中，你可以使用import关键字来引入这些内容：

// moduleB.js
import { a, b } from './moduleA.js';
console.log(a); // 输出 1
console.log(b()); // 输出 2

需要注意的是，使用export关键字导出的内容必须明确指定导入时的名称。如果多个模块导出了相同名称的内容，导入时会出现冲突。

export default关键字用于将一个变量、函数、类等导出为模块的默认导出。当其他模块引入该模块时，可以使用任意名称来引入这个默认导出的内容。

例如：

// moduleA.js
export default function c() { return 3; }

在其他模块中，你可以使用任意名称来引入这个默认导出的内容：

// moduleB.js
import d from './moduleA.js';
console.log(d()); // 输出 3

需要注意的是，每个模块只能有一个默认导出。如果有多个默认导出，会导致语法错误。同时，export default也可以用于导出变量、常量、类等类型的内容。

2 个回答

得票最新

export导入的时候要加{}，一个文件中可以有多个export关键字，起别名要加as。

export default导入的时候不用加{}，一个文件中只能有一个export default关键字，起别名的时候不用加as，直接在导入的时候写。

export 对应的 import {} from abc

export default 对应的 import de form abc

本文参与了思否 HarmonyOS 技术问答马拉松，欢迎正在阅读的你也加入。

撰写回答

推荐问题