ES6模块导出语法:export和export default的区别
在ES6中,export和export default是用于将模块中的内容暴露给外部模块使用的关键字。虽然它们都可以导出模块中的内容,但两者之间还是有些区别的。
区别
-
export可以导出多个变量或函数,而export default只能导出一个。
-
export示例:
export const a = 1; export function hello() { console.log('Hello'); }
-
export default示例:
export default 42; export default function() { console.log('Hello'); }
-
-
导出时使用不同:export需要通过花括号指定要导出的变量或函数,而export default则直接导出一个默认值。
-
export示例:
import { a, hello } from './module';
-
export default示例:
import myDefault from './module';
-
-
导入时使用不同:export导出的变量或函数必须和导入时使用的名称完全一致,而export default导出的默认值可以使用任何名称进行导入。
总结
export和export default都是将模块中的内容暴露给外部模块使用的关键字。它们之间的主要区别在于导出的方式以及导入时的用法。具体来说,export可以导出多个变量或函数,需要使用花括号指定要导出的内容;而export default只能导出一个默认值,并且可以使用任何名称进行导入。在实际开发中,需要根据实际需求选择合适的导出方式。