export 和export default的区别

export和export default都是ES6中用于导出模块的关键字，但它们有一些不同的用法和区别。

1. export用法：

- 可以导出多个变量或函数，每个导出的变量或函数需要用逗号分隔；
- 导出的变量或函数需要用{}包裹；
- 导入时需要按照变量或函数的名称去导入；
- 导入时需要用{}包裹导入的变量或函数。

示例代码：

// moduleA.js
export const a = 1;
export function foo() {
console.log('foo');
}

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

2. export default用法：

- 只能导出一个变量或函数，不需要用{}包裹；
- 导入时可以使用任意名称去导入；
- 导入时不需要用{}包裹导入的变量或函数。

示例代码：

// moduleA.js
const a = 1;
function foo() {
console.log('foo');
}
export default {
a,
foo,
}

// moduleB.js
import moduleA from './moduleA';

综上所述，export和export default的主要区别在于导出和导入的方式不同。export可以导出多个变量或函数，需要用{}包裹，在导入时也需要按照变量或函数的名称去导入并用{}包裹；而export default只能导出一个变量或函数，不需要用{}包裹，在导入时可以使用任意名称去导入，并且不需要用{}包裹导入的变量或函数。