TypeScript 导出多个接口:使用命名空间组织文件
在 TypeScript 中,可以通过使用命名空间(namespace)的方式来组织多个接口(interface)的导出。具体实现步骤如下:
- 在一个文件夹中定义多个接口,例如 'person.ts' 和 'animal.ts' 文件:
// person.ts
export interface Person {
name: string;
age: number;
}
// animal.ts
export interface Animal {
species: string;
habitat: string;
}
- 在同一个文件夹中创建一个命名空间,例如 'models.ts' 文件:
// models.ts
import { Person } from './person';
import { Animal } from './animal';
export namespace Models {
export interface Person extends Person {}
export interface Animal extends Animal {}
}
- 在需要使用这些接口的文件中,通过命名空间来访问:
import { Models } from './models';
const person: Models.Person = {
name: 'Alice',
age: 30,
};
const animal: Models.Animal = {
species: 'Tiger',
habitat: 'Jungle',
};
这样做的好处是可以避免命名冲突,同时也方便管理多个接口。如果需要新增或修改接口,只需要在相应的文件中进行修改,而不会影响其他文件的导出。
原文地址: https://www.cveoy.top/t/topic/oZtv 著作权归作者所有。请勿转载和采集!