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

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

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

区别

1. 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');
     }
     

2. 导出时使用不同：export需要通过花括号指定要导出的变量或函数，而export default则直接导出一个默认值。

   • export示例：

     import { a, hello } from './module';
     

   • export default示例：

     import myDefault from './module';
     

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

总结

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