export和export default

1.导出数量：

• export：你可以使用export关键字导出多个成员。
• export default：每个模块只能有一个export default。

2.导入方式：

• export：当你使用export导出成员时，需要使用大括号{}来导入它们。
  import { memberName } from 'moduleName';
• export default：当你使用export default导出成员时，不需要大括号{}来导入它。
  import memberName from 'moduleName';

3.命名：

• export：你可以自由地命名导入的成员。
  import { myFunction as anotherFunction } from 'myModule';
• export default：导入时使用的名称与导出时使用的名称无关。

// myModule.js
function myFunction() { /*...*/ }
export default myFunction;

// otherModule.js
import customName from 'myModule';

4.使用场景：

• export：当你想要导出多个相关但不同的成员时，可以使用export。
• export default：当你想要导出单个主要成员，并且希望其他模块导入时可以使用任何名称时，可以使用export default。

示例：
// moduleA.js
export const foo = 'foo';
export const bar = 'bar';

// moduleB.js
import { foo, bar } from './moduleA';

// moduleC.js
export default function baz() {
    return 'baz';
}

// moduleD.js
import customName from './moduleC';

总结：
export和export default都是用于导出模块成员的，但它们在导出数量、导入方式、命名和使用场景上有所不同。根据具体需求选择合适的导出方式。