在 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 文件创建类型定义?的详细内容,更多请关注硕下网其它相关文章!