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

来源：4-10 import对应的模块化-缺代码

慕莱坞0998854

2020-02-13

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

export class Header {}

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

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

写回答

1回答

易燃York

2020-02-14

### 我用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';```

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

易燃York

慕莱坞0998854

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

2020-02-15

共2条回复

专为小白设计的TypeScript入门课

Dell老师专为TypeScript小白打造的，全栈式教学TS入门课程

2249 学习 · 506 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 2