TypeScript 中的“声明类”和“接口”有什么区别

Question

在TypeScript中，当创建.d.ts源代码声明文件时，哪个更可取，为什么？

declare class Example {
    public Method(): void; 
}

或

interface Example {
    Method(): void;
}

我能说出的区别是接口不能有静态方法，所以你必须为此使用一个类。两者都不产生任何JS输出，所以也许没关系？

Answer 1

通俗地说，< code>declare用于< code >。ts/d.ts文件告诉编译器，我们应该期望我们< code >声明的关键字存在于该环境中，即使它没有在当前文件中定义。这将允许我们在使用声明的对象时具有类型安全性，因为Typescript编译器现在知道一些其他组件可能会提供该变量。

Answer 2

您可以实现接口：

class MyClass implements Example {
    Method() {

    }
}

而＜code＞declare class＜/code＞语法实际上是用来为非TypeScript编写的外部代码添加类型定义的，因此实现是“其他地方”。

Answer 3

< code>interface用于当您只想描述对象的形状时。从来没有为接口生成代码——它们只是类型系统中的一个工件。无论一个类是否有< code>implements子句，您都不会发现该类的代码生成有什么不同。

声明类适用于当您想要描述将在外部存在的现有类（通常是 TypeScript 类，但并非总是如此）时（例如，您有两个编译为两个.js文件的 .ts 文件，并且两者都通过网页中的脚本标记包含在内）。如果使用扩展从类继承（无论基类型是声明类还是常规类），编译器将生成所有代码以挂接原型链和转发构造函数等等。

如果您试图从应该是接口< code >声明类继承，您将会遇到运行时错误，因为生成的代码将引用没有运行时表现形式的对象。

相反，如果您只需要＜code＞实现＜/code＞一个本应是＜code＞声明类＜/code〕的接口，那么您将不得不自己重新实现所有成员，而不会利用来自潜在基类的任何代码重用，并且在运行时检查原型链的函数将拒绝您的对象，因为它实际上不是基类的实例。

如果你有C背景，你可以粗略地将接口想象成typedef，并将声明类想象成构造函数的extern声明，该构造函数在此编译单元中严格缺乏定义。

从纯消费方面（编写命令式代码，而不是添加新类型），接口和声明类之间的唯一区别是您不能new一个接口。但是，如果您打算扩展/在一个新的类中实现其中一种类型，您绝对必须在接口和声明类之间正确选择。它们中只有一个可以工作。

两条规则将很好地为您服务：

• 类型的名称是否与运行时实际存在的构造函数（可通过new调用的东西）对齐（例如Date是，但JQuerySt的不是）？如果没有，您肯定想要接口
• 我是在处理来自另一个TypeScript文件的编译类，还是足够相似的东西？如果是，请使用声明类