声明文件

有很多库它本身是js写的,但我们要在ts中使用它就会报错,因此我们需要声明一份文件来帮忙,在里面进行类型的添加,让其不报错

自定义声明文件

  1. 新建XXX.d.ts文件,这种文件就是一个声明文件
  2. 该声明文件里面没有任何的实际实现代码,只有类型声明,如 interface, function 或者 class 等等
  3. 将类型声明放入特定文件夹中(如:node_modules/@types/caculator/index.d.ts),然后我们使用的时候,直接像导入第三方模块一样导入这个声明模块就可以了!

现在有一段JS的代码被我们放在了ts中,如下:

caculator('minus', [1, 2])
caculaor.plus([1, 2])

让我们来为它写一段声明方便使用吧:

type IOperator = 'plus' | 'minus'
interface ICalculator {
 // 用interface声明了这是一个函数,传递什么参数,返回什么类型
 (operator: IOperator, numbers: number[]) : number;
 // 它具有两个属性,这两个属性也是函数
 plus: (numbers: number[]) => number;
 minus: (numbers: number[]) => number;
}
// 声明给js中要做声明的那个表达式或函数
declare const calculator: ICalculate

寻找官方的声明文件

https://www.typescriptlang.org/dt/search?search=

posted @ 2022-05-19 18:37  见信  阅读(56)  评论(0)    收藏  举报