合并不同文件中的 Typescript 接口和类

Mar*_*ahl 2 typescript

在 Typescript 中,如果接口和类具有相同的名称并且位于同一文件中,则可以合并它们:

interface Test {
  example(input: 'a number'): number;
  example(input: 'a string'): string;
}

class Test {
  example(input: string): any {
    //return something
  }
}

const obj = new Test();
obj.example('a number'); //return type is number
obj.example('a string'); //return type is string
obj.example('something else'); //return type is any
Run Code Online (Sandbox Code Playgroud)

然而,似乎没有办法将这些接口定义拆分为多个文件,例如:

//test.interface.ts
export interface Test {
  example(input: 'a number'): number;
  example(input: 'a string'): string;
}

//test.class.ts
import "./test.interface.ts";

class Test {
  example(input: string): any {
    //return something
  }
}

const obj = new Test();
obj.example('a number'); //return type is any but should be number
obj.example('a string'); //return type is any but should be string
obj.example('something else'); //return type is any
Run Code Online (Sandbox Code Playgroud)

将类和实际接口之间的接口定义拆分为多个文件的正确方法是什么?

Mar*_*ahl 5

此问题的解决方案是重新声明“托管”打字稿模块以扩充其定义:

//test.interface.ts
declare module './test.class.ts' {
  interface Test {
    example(input: 'a number'): number;
    example(input: 'a string'): string;
  }
}

//test.class.ts
import "./test.interface.ts";

class Test {
  example(input: string): any {
    //return something
  }
}

const obj = new Test();
obj.example('a number'); //return type is number
obj.example('a string'); //return type is string
obj.example('something else'); //return type is any
Run Code Online (Sandbox Code Playgroud)

  • https://www.typescriptlang.org/docs/handbook/declaration-merging.html#merging-interfaces 它在打字稿文档中是正确的,尽管对于一种特殊情况,起初似乎与我的问题不相符(请参阅可观察到的部分) (2认同)