export和export default的区别

export和export default是用于导出模块中的功能的关键字，它们在使用上有一些区别：

1. export：用于导出模块中的具名功能，可以导出多个功能。可以使用import语句来导入具名导出的功能。

   // moduleA.js
   export function foo() {
     // 函数实现
   }
   
   export const bar = 42;
   
   // moduleB.js
   import { foo, bar } from './moduleA';
   

   在上面的示例中，moduleA.js中使用export关键字导出了foo函数和bar常量。然后，在moduleB.js中使用import语句来导入具名导出的功能。

2. export default：用于导出模块中的默认功能，每个模块只能有一个默认导出。可以使用import语句来导入默认导出的功能，且可以自定义导入的名称。

   // moduleA.js
   export default function() {
     // 函数实现
   }
   
   // moduleB.js
   import customName from './moduleA';
   

   在上面的示例中，moduleA.js中使用export default关键字导出了一个无名称的默认函数。然后，在moduleB.js中使用import语句来导入默认导出的功能，并自定义了导入的名称为customName。

   需要注意的是，当使用export default导出时，导入时不需要使用花括号，而且可以自由命名导入的变量名。

   总的来说，export用于导出具名功能，而export default用于导出默认功能。在导入时，使用import语句可以按需导入具名功能，而默认功能的导入可以自定义变量名。在一个模块中，可以同时使用export和export default导出不同类型的功能。