打字稿中的*.d.ts与*. ts有什么区别？

Question

我开始玩TypeScript，我觉得这真的很棒。但我对 *.d.ts 和 *.ts 之间的区别感到困惑。它们之间有什么区别？谁能用适当的例子来解释我？

Answer 1

*.d.ts 文件中允许的任何内容也可能出现在 *.ts 文件中，但反之则不然。所以 *.d.ts 允许 TypeScript 的一个子集功能。

*.d.ts文件只允许包含在输出中不生成任何JavaScript代码的TypeScript代码。如果您试图使用TypeScript的任何会生成JavaScript的特性，您将会得到一个错误。

接口是允许的，因为它们在编译后完全消失。

还允许使用常量枚举（在1.4中添加），这与在输出JavaScript中生成对象的普通枚举不同。

顶级类、变量、模块和函数必须以声明作为前缀。通常，您会看到一个顶级的声明模块，因此它里面的内容也是纯声明：

declare module Something {
    var x;
}

它们不仅仅是将TypeScript接口暴露给JavaScript编写的代码，还非常有用。您还可以使用它们来声明一组在您的代码中广泛使用的通用接口，因此不必仅为了获得这些接口的可见性而要求特定的物理模块。

Answer 2

TypeScript声明文件（*.d.ts）

这些文件用于描述在TypeScript中使用的JavaScript文件的“形状”。

例如，假设我在TypeScript编译器知道的范围之外的某个文件中包含以下JavaScript代码：

function displayMessage(message) {
    alert(message);
}

仅凭这个文件，我的TypeScript代码不会知道这个函数的存在。它不知道自己的名字，也不知道自己的参数。我们可以通过在声明文件中这样描述来解决这个问题(Example.d.ts):

declare function displayMessage(message: string);

现在我可以在TypeScript中使用函数displayMessage而不会出现编译错误，并且当我不正确地使用它时会出现编译错误（例如，如果我提供了2个参数而不是1个参数，我会得到一个错误）。

简而言之：声明文件允许您使用TypeScript中的现有JavaScript代码和类型信息，而无需重写TypeScript的代码。

TypeScript文件（.ts）

这是编写TypeScript时使用的标准文件扩展名。它将被编译成JavaScript。