什么时候用export，什么时候用export default

Question

老师的代码里面有这么两段：

export class Header {}

import {Header} from './components.ts'
export default class Page {}

为什么第二个写的是export default 啊？如何知道什么时候该用哪一个呢？

Answer 1

易燃York 2020-02-14 20:21:33

### 我用Eslint检查代码风格，引用的是airbnb的规则。关于什么时候用default我发现规则是这样滴：

如果只是导出一个，就用default好处是以后import的时候可以随意起名字比如你在a.ts这样export:

```export default a```

引用的时候 

```import b from './a'```

然后b可以当作a正常使用

如果导出多个就不用default我通常的用法是

```export  { a, b, c };```

使用的时候

```import { a, b, c } from 'somePath';```

#### 具体原因你可以参考这个链接

• 提问者 慕莱坞0998854 #1

  谢谢啊，我先看看这个，我还以为export和export default 是两种不同的规范(esmodule和commonjs)里的呢。

• 易燃York 回复 提问者 慕莱坞0998854 #2

  我也一知半解哦，只是一直这么用，2333