typescript export default

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 defaultmyModule.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的用法。

  •