为什么在 TypeScript 中实现接口时需要重新定义属性？

Question

我正在研究类和接口。我有一件事情让我很恼火，这是我第一次处理这类事情，所以请耐心等待..

假设我得到了这个界面：

// IFoo.d.ts
export default interface IFoo {
  foo: string;
  bar: number;
}

当我在一个类中实现它时，我会执行以下操作：

// FooModel.ts
import IFoo from './IFoo';

export default class FooModel implements IFoo {
  foo: string;
  bar: number;

  constructor({ foo, bar }: IFoo = { foo: 'hello', bar: 1 }) {
    this.foo = foo;
  }
}

为什么我必须重新实现相同的属性？

这与复制粘贴基本相同，但有严格的约定。此外，我必须输入 foo 和 bar 总共 6 次，才能根据界面正确分配默认 optional 值。 p>

还有更有效的方法吗？

编辑；我正在努力实现以下目标：

具有属性的类，其中的属性可用于 typescript 的检查，如下所示： 界面

export default interface FooDTO {
  foo: string;
  bar: number;
}

模型

export interface IFoo {
  foo: string;
  bar: number;
}

export default class FooModel implements IFoo {
  foo: string;
  bar: number;

  constructor({ foo, bar }: IFoo = { foo: 'hello', bar: 1 }) {
    this.foo = foo;
  }
}

控制器

export default class FooController {
   public static async readAll(): Array<FooDTO> {
      // some model stuff which maps query to dto
      return Array<FooDTO>result;
   }
}

Answer 1

我认为“为什么我必须重新实现相同的属性”的规范答案在（越来越过时的）TypeScript spec：

请注意，由于 TypeScript 具有结构化类型系统，因此类不需要显式声明它实现了一个接口——类只需包含适当的实例成员集就足够了。类的implements 子句提供了一种机制来断言和验证该类是否包含适当的实例成员集，否则它对类类型没有影响。

我在上面添加了重点：implements 子句根本不影响类类型；它不会向其中添加成员或更改成员的类型。它所做的只是告诉编译器在类不符合接口时发出警告。

---

您可能对 GitHub 问题 microsoft/TypeScript#22815 感兴趣，该问题建议应将已实现接口的成员复制到实现类中。 （问题的标题是关于抽象类的，但随后的讨论不限于此。）看起来症结在于如何处理可选成员（参见 TS 团队负责人的this comment）。这个问题是一个较旧的问题，但它仍然以“需要提案”标签打开，所以如果你非常关心它，你可能想去那里，给它一个?，甚至可能提供更多关于行为应该如何的细节处于边缘情况，以免造成重大变化。

在这个问题里面是一个建议的workaround 使用interface merging 告诉编译器类实例接口继承属性：

interface FooModel extends IFoo { } // merge into FooModel
class FooModel {
    constructor({ foo, bar }: IFoo = { foo: 'hello', bar: 1 }) {
        this.foo = foo;
        this.bar = bar;
    }
}

这不是多余的，但可能比仅仅从接口重新声明属性更令人困惑。

---

无论如何，希望对您有所帮助；祝你好运！

Playground link to code

Answer 2

您可以使用abstract class 代替接口。与接口相同的好处，但可以扩展它：

export abstract class IFoo {
  foo: string;
  bar: number;
}

export default class FooModel extends IFoo {
  constructor({ foo, bar }: IFoo = { foo: 'hello', bar: 1 }) {
    this.foo = foo;
  }
}

Answer 3

如果你定义一个只有属性的接口，你基本上定义了一个数据结构类型，然后你可以用它来输入对象。

例如，您现在可以这样做：

const fooObj: IFoo = { foo: "test", bar: 12 };

在其他编程语言（例如 Java）中，在接口上定义属性是非法的。接口“通常”定义了您可以与对象交互的方式（意味着您可以在其上调用的方法）。但 TypeScript 是个例外。