在 TypeScript 项目中,一个文件夹可能包含多个 TS 文件,每个文件分别声明了多个 interface。当需要新增 interface 定义时,如果每个文件都需要修改 export 导出语句内容,就会变得非常麻烦。为了解决这个问题,可以使用一个 'index.ts' 文件来统一导出所有的 interface,这样新增 interface 时只需要在对应的文件中定义即可,无需修改导出语句。

例如,假设有以下三个文件:

// file1.ts
export interface Interface1 {
  prop1: string;
}

// file2.ts
export interface Interface2 {
  prop2: number;
}

// file3.ts
export interface Interface3 {
  prop3: boolean;
}

可以新建一个 'index.ts' 文件来统一导出这些 interface:

export * from './file1';
export * from './file2';
export * from './file3';

这样,其他文件只需要导入 'index.ts' 文件即可使用所有的 interface:

import { Interface1, Interface2, Interface3 } from './interfaces';

const obj1: Interface1 = { prop1: 'hello' };
const obj2: Interface2 = { prop2: 123 };
const obj3: Interface3 = { prop3: true };

通过这种方式,可以方便地管理多个 TS 文件中的 interface,提高代码的维护效率。


原文地址: https://www.cveoy.top/t/topic/oZuk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录