export default 与export 有什么区别？

export default 和 export 都是 JavaScript 中用于导出模块的关键字，但它们之间有一些重要的区别。

1. export default（默认导出）：

   • export default 语句允许你导出一个模块中的默认值。每个模块只能有一个默认导出。
   • 当你导入一个带有默认导出的模块时，你可以选择为它起任何名字，而不需要使用花括号 {} 来包裹。
   • 默认导出是非常灵活的，因为你可以为它赋予任何名字。

   例如：

   // 导出模块中的默认值
   export default function add(a, b) {
     return a + b;
   }
   
   // 导入默认导出
   import myFunction from './module';
   
   // 使用默认导出
   const result = myFunction(1, 2);
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10

2. export（按具导出）：

   • export 关键字用于导出模块中的具名导出，你可以导出一个或多个变量、函数或对象，使用花括号 {} 来指定要导入的内容。
   • 具名导出必须使用与其在模块中定义时相同的名称来导入。

   例如：

   // 导出具名变量和函数
   export const name = "John";
   export function sayHello() {
     console.log("Hello, " + name);
   }
   
   // 导入具名导出
   import { name, sayHello } from './module';
   
   // 使用具名导出
   console.log(name);
   sayHello();
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12

总结：

• export default 用于导出默认值，模块只能有一个默认导出，并且在导入时可以为其起任何名字。
• export 用于导出具名导出，可以导出多个变量、函数或对象，必须使用与其在模块中定义时相同的名称来导入。