前言
前端开发中，我们常常需要用到一些后端语言，比如 JavaScript。为了方便开发，我们通常使用 TypeScript 来编写我们的前端代码。但是，在使用 TypeScript 的过程中，我们常常需要用到一些 JavaScript 类型定义，比如常见的库函数、浏览器 API 等。这时候，npm 包 @types 就派上了用场。
在本文中，我们将介绍一个非常实用的 @types 包，它是 Tern 的类型定义包：@types/tern。我们将介绍如何使用 npm 包 @types/tern，以及如何在你的 TypeScript 项目中使用 Tern。
环境准备
在开始介绍如何使用 @types/tern 之前，我们需要确保我们的系统中安装了以下依赖：
- Node.js
- npm
如果你的系统中还没有 Node.js 和 npm，请前往 Node.js 官网下载最新版本的 Node.js 和 npm。
安装 @types/tern
要安装 @types/tern，我们需要使用 npm。在命令行中执行以下命令：
npm install @types/tern --save-dev
如果你使用的是 yarn：
yarn add @types/tern --dev
这条命令将会从 npm 仓库中下载 @types/tern，并将其安装到你的项目中。
使用 @types/tern
在安装了 @types/tern 之后，我们就可以在 TypeScript 项目中使用 Tern 了。下面我们将介绍如何使用 @types/tern。
在 TypeScript 项目中使用 Tern
使用 @types/tern 的第一步是在 TypeScript 项目中导入 Tern。我们可以使用以下代码来导入 Tern：
import * as tern from "tern";
这个语句将会导入 Tern 的所有类型和函数。接下来，我们可以使用 Tern 的函数和类型来编写我们的代码了。
Tern 的基本使用
下面我们将介绍 Tern 的一些基本函数和类型，并且提供一些示例代码，以便读者更好地理解 Tern 的使用方法。
Server
Server 类型表示 Tern 的服务端对象。我们可以使用以下代码来创建一个 Tern 的服务端对象：
const server = new tern.Server({
/* options */
});其中，options 表示 Tern 的配置项。我们可以在这里设置一些 Tern 的配置项，比如：
- plugins：Tern 插件列表；
- defs：Tern 的类型定义；
- loadEagerly：Tern 是否立即加载所有文件等。
更多配置项，请参考 Tern 的官方文档：Tern: Options。
我们成功创建了一个 Tern 的服务器之后，接下来我们就可以向服务器请求代码的类型信息了。下面介绍如何向服务器请求类型信息。
request
request 函数是 Tern 服务器对象的一个方法，它用于向 Tern 服务器请求代码的类型信息。使用 request 函数之前，我们需要让 Tern 服务器加载代码的类型定义。我们可以使用以下代码来加载代码类型定义：
server.addFile("test.js", "console.log('Hello, World!');");其中，"test.js" 表示文件名，"console.log('Hello, World!');" 表示文件内容。我们可以往服务器添加多个文件，以便向服务器请求不同文件的类型信息。
加载完代码之后，我们可以使用 request 函数来向服务器请求类型信息了。以下是一个简单的示例：
-- -------------------- ---- -------
----- -------- ------------ - -
------ -
----- -------
----- ----------
---- ------ -- --- --
--
------ --
----- -------
----- ----------
----- -------------------- -----------
---- ---------
--
--
----------------------- --------------- --------- -
----------------------
---在这个示例中，我们使用 request 对象来向服务器请求类型信息。请求的参数包括：
- query：表示请求的信息（这里表示请求 test.js 文件第 1 行第 0 列的类型信息）；
- files：表示服务器已经加载的文件信息。
请求成功之后，服务器会返回一个 response 对象，其中包含了请求的类型信息。我们可以使用 console.log() 来打印这个类型信息。
Completion
Completion 类型表示自动完成的建议列表。以下是一个完成列表的示例：
-- -------------------- ---- -------
----- -------- ------------ - -
------ -
----- --------------
----- ----------
---- ------ -- --- ---
------ ----
--
------ --
----- -------
----- ----------
----- ------------
---- ---------
--
--
----------------------- --------------- --------- -
----------------------------------
---在这个示例中，我们使用 completions 请求向服务器请求建议列表。这个请求的参数包括：
- query：表示请求的信息；
- files：表示服务器已经加载的文件信息。
请求成功之后，服务器会返回一个 response 对象，其中包含了请求的建议列表。我们可以使用 console.log() 来打印这个建议列表。
示例代码
下面是一个完整的 Tern 示例代码，它演示了 Tern 的基本使用：
-- -------------------- ---- -------
------ - -- ---- ---- -------
----- ------ - --- -------------
-------- ---
----- ---
------------ ------
---
------------------------- -------------------- ------------
----- --------- ------------ - -
------ -
----- -------
----- ----------
---- ------ -- --- --
--
------ --
----- -------
----- ----------
----- -------------------- -----------
---- ---------
--
--
----- --------- ------------ - -
------ -
----- --------------
----- ----------
---- ------ -- --- ---
------ ----
--
------ --
----- -------
----- ----------
----- ------------
---- ---------
--
--
------------------------ --------------- --------- -
----------------------
---
------------------------ --------------- --------- -
----------------------------------
---以上就是 @types/tern 的使用方法以及一些示例代码。在实际开发中，我们可以根据实际情况使用 Tern 以及 @types/tern 来为我们的代码提供类型支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-tern