什么是 type-definitions
在 JavaScript 中，我们可以使用类型来增加代码的健壮性和可维护性。例如，在 TypeScript 中，我们可以使用类型定义文件来描述 JavaScript 类型，并使用它们来确保代码在编译时符合类型检查。但是，当我们使用第三方库时，该库的类型定义可能不会自动提供。为了解决这个问题，我们可以使用 Type Definitions，它是一种 JavaScript 库，可以为我们提供第三方库的类型定义。
在 npm 中，有许多 type definitions 库可供使用。其中最常见的是 @types，它包含了许多常用库的类型定义文件。在这篇教程中，我们将会讲解如何使用 @types 中的 type definitions。
如何安装 type-definitions
使用 type definitions 文件的第一步是将其安装在您的项目中。由于 @types 包已经包含在 npm 中，因此你可以使用以下命令轻松地安装特定库的 type definitions。
npm install @types/{libraryName}其中，libraryName 是你要使用的库的名称。
例如，要安装 jQuery 的 type definitions，你可以运行以下命令。
npm install @types/jquery
如何使用 type-definitions
当您安装了 type definitions 文件之后，您就可以在项目中使用这些类型。对于 TypeScript 用户来说，这直接工作。
让我们来看一个简单的示例。假设您使用了 jQuery 来进行页面 DOM 操作，并想要使用 $ 函数来查询 DOM。您可以通过以下示例代码使用 @types/jquery 包中的类型定义文件。
import $ from 'jquery';
const element = $('#my-element');通过导入 $，TypeScript 将从 @types/jquery 中获取 $ 函数的类型信息。这样，当您使用 $ 函数时，TypeScript 将会强制执行它的类型，从而提高代码的可维护性和健壮性。
总结
Type Definitions 是一个非常有用的工具，可以帮助我们更好地利用第三方 JavaScript 库。@types 是一个流行的 type definitions 库，包含了众多常见库的类型定义文件。当您需要使用一个库的 type definitions 文件时，您只需使用 npm install 命令安装它，然后在项目中导入它即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558af81e8991b448d6003