export 和 export default 的区别

在 JavaScript 中，export 和 export default 都是用于导出模块中的内容的关键字，但它们有一些区别：

1. export:

   • export 关键字用于导出多个变量、函数或对象。可以一次导出多个内容，并且在导入时需要使用对应的名称。例如：

   // module.js
   export const name = 'John';
   export function sayHello() {
       console.log('Hello!');
   }
   在另一个文件中导入：
   
   import { name, sayHello } from './module.js';

2. export default:

   • export default 用于导出一个默认的内容，一个模块只能有一个默认导出。在导入时，可以自定义导入的名称。例如：

   // module.js
   const message = 'Hello World';
   export default message;
   在另一个文件中导入：
   
   import customName from './module.js';

总结：

• 使用 export 可以导出多个内容，需要使用相同的名称进行导入。

• 使用 export default 只能导出一个默认内容，并且在导入时可以使用任意自定义的名称。