Typescript学习笔记(18) ----- 定义一个描述文件

什么是描述文件

  • 帮助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 = $
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。