在 TypeScript 项目中,如何为同级 JS 文件创建类型定义?

在 typescript 项目中,如何为同级 js 文件创建类型定义?

typescript 中为同级 js 文件创建类型定义

当使用来自同级文件夹的 js 文件中的函数或值时,如何在 typescript 项目中获得类型提示?本文将通过以下示例进行详细说明:

- test/index.js
- index.d.ts
- main.ts

示例代码:

// test/index.js
export function add(a, n = 1) {
    return a + n
}

要为 index.js 中导出的函数提供类型提示,需要在 index.d.ts 中声明该函数的类型。

// index.d.ts
export function add(a: number, n?: number): number

这将为 add 函数定义一个类型,其中第一个参数是 number,第二个参数是可选的 number

在 main.ts 中,可以导入 add 函数并引用其类型:

// main.ts
import { add } from './test'

// (a: number, n?: number | undefined) => number
type T = typeof add

这将创建一个类型 t,该类型与 add 函数的类型相同,可以用来验证函数调用。

以上就是在 TypeScript 项目中,如何为同级 JS 文件创建类型定义?的详细内容,更多请关注硕下网其它相关文章!