typescrip export和export default的区别
时间: 2024-05-10 19:12:45 浏览: 8
TypeScript中的`export`和`export default`都是用于将模块中的某些代码导出,使其可以在其他模块中被使用。
`export`用于将一个或多个变量、函数、类等导出,例如:
```typescript
export const name = 'Tom';
export function sayHello() {
console.log('Hello');
}
export class Person {
name: string;
constructor(name: string) {
this.name = name;
}
}
```
在其他模块中,可以使用以下方式引入这些导出的内容:
```typescript
import { name, sayHello, Person } from './module';
```
`export default`用于将一个默认的变量、函数或类导出,一个模块只能有一个默认导出,例如:
```typescript
const name = 'Tom';
function sayHello() {
console.log('Hello');
}
class Person {
name: string;
constructor(name: string) {
this.name = name;
}
}
export default Person;
```
在其他模块中,可以使用以下方式引入默认导出的内容:
```typescript
import Person from './module';
```
需要注意的是,在引入默认导出时,可以使用任何名称,例如:
```typescript
import MyPerson from './module';
```
但是,在引入非默认导出时,必须使用相同的名称。