TypeScript中的
export default
用于导出默认值(默认导出)。
假设我们有一个名为
myModule.ts
的模块文件,其中包含了一个类
MyClass
的定义,我们可以使用
export default
将其导出:
// myModule.ts
export default class MyClass {
// ...
通过使用export default
导出类,我们可以使用不同的名称在其他文件中导入它:
// anotherModule.ts
import MyCustomName from './myModule';
const myInstance = new MyCustomName();
在这里,我们使用了MyCustomName
作为导入的类名称,但实际上它指向了MyClass
类,因为我们使用export default
在myModule.ts
中导出了它。
另外,一个模块文件只能有一个默认导出,但可以有多个命名导出。如果要同时使用默认导出和命名导出,可以像这样写:
// myModule.ts
export default class MyClass {
// ...
export const myConstant = 42;
在其他文件中,我们可以使用以下语法同时导入默认导出和命名导出:
// anotherModule.ts
import MyCustomName, { myConstant } from './myModule';
const myInstance = new MyCustomName();
console.log(myConstant);
希望这能够帮助您理解TypeScript中export default
的用法。