TypeScript *.d.ts 与 *.ts 在 TypeScript 中的区别

在本文中，我们将介绍 TypeScript 中的 *.d.ts 与 *.ts 文件的区别。TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 提供了静态类型检查和强大的面向对象编程能力。

阅读更多：TypeScript 教程

*.ts 文件

首先，让我们来看看 .ts 文件。在 TypeScript 中，.ts 文件是用来编写实际的代码逻辑的文件。这些文件包含了变量、函数、类等 TypeScript 代码的定义和实现。在编译时，*.ts 文件将被转换为 JavaScript 文件，从而可以在浏览器或其他 JavaScript 运行环境中执行。

下面是一个示例的 *.ts 文件，展示了一个简单的 TypeScript 类的定义和使用：

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is {this.name} and I'm{this.age} years old.`);
  }
}

const person = new Person("Alice", 25);
person.sayHello();

在上面的示例中，我们定义了一个名为 Person 的类，它有两个属性：name 和 age。我们还定义了一个名为 sayHello 的方法，用于打印出 Person 对象的信息。最后，我们创建了一个名为 person 的 Person 对象，并调用了 sayHello 方法。

*.d.ts 文件

与之相对应的是 *.d.ts 文件，它是 TypeScript 的声明文件。声明文件用于描述 JavaScript 代码在 TypeScript 中的类型信息，它不包含实际的代码实现。

在 TypeScript 中，当我们引入第三方 JavaScript 库时，如果该库没有提供类型定义文件，我们就需要手动编写一个对应的声明文件，以便在编写 TypeScript 代码时能够正确地获得类型提示和类型检查。

下面是一个示例的 *.d.ts 文件，展示了如何为一个第三方 JavaScript 库编写声明文件：

declare module "library" {
  export function calculate(x: number, y: number): number;
}

在上面的示例中，我们使用了 declare 关键字来声明一个名为 “library” 的模块，并为其定义了一个名为 calculate 的函数。这样一来，在我们的 TypeScript 代码中，就可以正确地使用这个第三方库的函数，并得到正确的类型提示和类型检查。

区别与用途

*.ts 文件和 *.d.ts 文件在 TypeScript 中有着不同的用途和功能。下面是它们的主要区别：

• *.ts 文件包含实际的代码逻辑，用于编写 TypeScript 程序的实现；
• *.d.ts 文件是声明文件，用于描述 JavaScript 代码在 TypeScript 中的类型信息。

从功能上来说，*.ts 文件是我们编写实际业务逻辑的地方，而 *.d.ts 文件是用于提供类型声明的地方。

总结

本文介绍了 TypeScript 中 .d.ts 与 *.ts 文件的区别。.ts 文件用于编写实际的代码逻辑，而 *.d.ts 文件用于描述 JavaScript 代码在 TypeScript 中的类型信息。这两种文件在 TypeScript 的开发中都具有重要的作用，通过合理的使用和编写，可以提高代码的可维护性和开发效率。