export 和export default的区别详细一点

export 和 export default 是 JavaScript 中用于导出模块的两种方式。

1. export:
- 可以导出多个变量、函数或对象。
- 导出的名字必须与模块内部的名字一致。
- 可以使用 import 语句按需导入模块中的特定变量、函数或对象。
- 使用命名导出时，需要使用花括号 {} 来指定要导入的内容。

示例：

   // module.js
   export const name = "John";
   export function sayHello() {
     console.log("Hello!");
   }

   // main.js
   import { name, sayHello } from './module';
   console.log(name); // "John"
   sayHello(); // "Hello!"

2. export default:
- 可以只导出一个默认值，不同于 export，导出的名字可以是任意的。
- 在一个模块中只能有一个默认导出，但可以和其他命名导出共存。
- 使用 import 语句导入时，可以自定义导入的名字。

示例：

   // module.js
   const age = 25;
   export default age;

   // main.js
   import myAge from './module';
   console.log(myAge); // 25