在TypeScript中 export default 与 export 的区别
时间: 2024-04-03 07:29:31 浏览: 63
在Vue.js中使用TypeScript的方法
在TypeScript中,export default和export都是用于导出模块的关键字,但它们有一些区别。
1. export default:
- export default可以用于导出一个默认的值或对象。一个模块只能有一个默认导出。
- 导入时,可以使用任意名称来引用默认导出的值,而不需要使用花括号。
- 示例代码:
```typescript
// moduleA.ts
const foo = 'Hello';
export default foo;
// moduleB.ts
import myDefault from './moduleA';
console.log(myDefault); // 输出:Hello
```
2. export:
- export用于导出一个或多个具名的值、对象或函数。
- 导入时,需要使用相应的名称来引用导出的值,并使用花括号。
- 示例代码:
```typescript
// moduleA.ts
export const foo = 'Hello'; export const bar = 'World';
// moduleB.ts
import { foo, bar } from './moduleA';
console.log(foo); // 输出:Hello
console.log(bar); // 输出:World
```
阅读全文