什么是描述文件
- 帮助ts理解js文件或者js库,因为ts缺少js的概念。
- 一般以d.ts为结尾
比如以常用的jquery为例,通过在ts中手写一个jquery的描述文件帮助理解。
需要对$
进行定义:
- 使用
declare
进行声明 - 在类型文件中定义一个全局变量
//index.ts
$(function(){
alert('hello jquery')
})
// jquery.d.ts
//接受一个参数为函数,并无返回值
declare var $ :(params:()=>void) => void;
定义全局函数:
//如果函数的参数不同可以重复定义
declare function $(params:string):{
html:(html:string) => {}
}
declare function $(params:()=>void):void;
定义对象
declare namespace $ {
namespace fn{
class init {}
}
}
注意描述文件也需要包括在tsconfig.json
文件之中
模块代码的类型描述文件
declare module 'jquery'{
declare function $(params:string):{
html:(html:string) => {}
}
//需要导出
export = $
}