js的es6模块中 暴露的使用方法简介

在 JavaScript 的 ES6 模块系统中，一个模块文件只能有一个 export default。export default 用于导出一个默认值，这个默认值在导入时可以使用任意名称。

示例：

导出默认值：

	// myModule.js

	export default function greet() {

	console.log("Hello, world!");

	}

 

导入默认值：

	// main.js

	import greet from './myModule.js';

	


	greet(); // 输出: Hello, world!

 

注意事项：

1. 唯一性：一个模块中只能有一个 export default。
2. 命名导出：除了 export default，你还可以使用命名导出（export）来导出多个值。

示例：命名导出

导出多个值：

	// myModule.js

	export const name = "Alice";

	export const age = 30;

	


	export function greet() {

	console.log("Hello!");

	}

 

导入命名导出：

	// main.js

	import { name, age, greet } from './myModule.js';

	


	console.log(name); // 输出: Alice

	console.log(age); // 输出: 30

	greet(); // 输出: Hello!

 

混合使用：

你也可以同时使用 export default 和命名导出：

	// myModule.js

	export default function greet() {

	console.log("Hello, default!");

	}

	


	export const name = "Alice";

 

导入时：

	// main.js

	import greetDefault, { name } from './myModule.js';

	


	greetDefault(); // 输出: Hello, default!

	console.log(name); // 输出: Alice

 

总结：

• 一个模块只能有一个 export default。
• 你可以使用多个命名导出（export）来导出其他值。
• 导入时，export default 的值可以用任意名称导入，而命名导出需要使用解构语法按名称导入。