1.定义:
export default:用于导出模块中的默认成员。一个模块中只能有一个export default,通常用于导出模块的主要功能或对象。导入时可以使用任意名称,因为它没有具体的名称
export:用于导出模块中的多个成员,每个成员都可以被单独导入。导入时必须严格按照导出时的名称使用花括号{}包裹
2.主要区别
导出数量:
export default:仅允许导出一个成员。
export:可以导出多个成员。
导入方式:
export default:导入时可以使用任意名称,因为默认导出没有具体的名称。例如:import myDefault from './myModule';
export:导入时必须严格按照导出时的名称使用花括号{}包裹。例如:import {str1, str2} from './myModule';
适用场景:
export default:适用于导出模块的主要功能或对象,因为它只能有一个默认导出。
export:适用于需要导出多个成员的情况,每个成员都可以被单独导入和使用。
3.代码示例
- export default示例:
const obj = { name: '小红', age: 20 }; export default obj;
导入时可以使用任意名称:
import user from './myModule.js'; console.log(user); // 输出:{ name: '小红', age: 20 }
export示例:
export const name = "John"; export function sayHello() { console.log("Hello, " + name); }
导入时必须使用花括号{}包裹:
import { name, sayHello } from './myModule.js'; console.log(name); // 输出:John sayHello(); // 输出:Hello, John