ES6模块导出语法：export和export default的区别

ES6模块导出语法：export和export default的区别
在ES6中，export和export default是用于将模块中的内容暴露给外部模块使用的关键字。虽然它们都可以导出模块中的内容，但两者之间还是有些区别的。

区别
export可以导出多个变量或函数，而export default只能导出一个。

export示例：

export const a = 1;
export function hello() {
  console.log('Hello');
}
1
2
3
4
export default示例：

export default 42;
export default function() {
  console.log('Hello');
}
1
2
3
4
导出时使用不同：export需要通过花括号指定要导出的变量或函数，而export default则直接导出一个默认值。

export示例：

import { a, hello } from './module';
1
export default示例：

import myDefault from './module';
1
导入时使用不同：export导出的变量或函数必须和导入时使用的名称完全一致，而export default导出的默认值可以使用任何名称进行导入。

总结
export和export default都是将模块中的内容暴露给外部模块使用的关键字。它们之间的主要区别在于导出的方式以及导入时的用法。具体来说，export可以导出多个变量或函数，需要使用花括号指定要导出的内容；而export default只能导出一个默认值，并且可以使用任何名称进行导入。在实际开发中，需要根据实际需求选择合适的导出方式。