来自多个文件的打字稿合并接口

Question

我有一个名为 service.ts 的文件，它公开了以下代码：

export interface SomeInterface {
  keyOne: string;
}

export class TestService<T = SomeInterface> {
  property: T;
}

在index.ts 文件中我正在使用该服务：

import { TestService } from './service';

const service = new TestService();
service.property.keyOne

我还创建了index.d.ts 文件，该文件声明了相同的接口SomeInterface 具有更多键：

export interface SomeInterface {
  keyTwo: number;
}

问题是service.property 只“知道”keyOne 属性。如何告诉 typescript 合并它们？

https://stackblitz.com/edit/typescript-cp8zmv

Answer 1

如果我对您的理解正确（您在@chris p bacon 的回答中的评论），您想从库中扩充模块类型定义。 TypeScript 文档中指向declaration merging 的链接已经很好了。对于第三方库类型扩展，有一些很好的答案：here 和 here。

对于您的示例，如果我们出于某种原因想要扩充库模块类型定义（让我们说 vendor-lib.d.ts 而不是您的 index.d.ts 以使其更清晰），我们可以通过 Module Augmentation 做到这一点：

供应商-lib.d.ts：

export interface SomeInterface {
  keyTwo: number
}

service.ts

// here for simplicity a relative import
import { SomeInterface } from "./vendor-lib"

// Augment above imported module. 
// Important: this file must be a module (not a script) via `import/export`.
// Then augmentation will work. Otherwise compiler expects a module declaration.
declare module "./vendor-lib" {
  interface SomeInterface {
    keyOne: string
  }
}

index.ts:

const service = new TestService(); service.property = {...};
service.property.keyOne // works
service.property.keyTwo // works

StackBlitz

Answer 2

你可以扩展接口并给它另一个名字

export interface SomeInterface {
  keyOne: string;
}

export interface SomeExtendingInterface extends SomeInterface {
  keyTwo: number;
}

或者将它们合并为具有这两个属性的类型

interface Foo {
    foo: string;
}

interface Bar {
    bar: string;
}

type Baz = Foo & Bar;

const foo: Baz = {
    foo: '',
    bar: ''
};