【TypeScript笔记】03 - TS类型声明文件

导读

开发环境

版本号 描述
node -v v14.18.3
npm -v 6.14.6
tsc -v 4.7.4
ts-node -v 10.9.1

概述

类型声明文件:用来为已存在的JS库提供类型信息

TS的两种文件类型

【TypeScript笔记】03 - TS类型声明文件_第1张图片

类型声明文件的使用说明

内置类型声明文件

TS为JS运行时可用的所有标准化内置API都提供了声明文件。

Windows下VSCode中,这些文件保存在C:\Users\khz\AppData\Local\Programs\Microsoft VS Code\_\resources\app\extensions\node_modules\typescript\lib目录中,其主要文件如下:
【TypeScript笔记】03 - TS类型声明文件_第2张图片

示例:
【TypeScript笔记】03 - TS类型声明文件_第3张图片

第三方类型声明文件-库自带的

【TypeScript笔记】03 - TS类型声明文件_第4张图片

VSCode通过库中的package.json文件,读取文件中的typings字段来定位文件:
在这里插入图片描述

第三方类型声明文件-由DefinitelyTyped提供的

【TypeScript笔记】03 - TS类型声明文件_第5张图片

  • DefinitelyTyped的git地址: https://github.com/DefinitelyTyped/DefinitelyTyped
  • TS官方查询@types/*库的地址:https://www.typescriptlang.org/dt/search?search=

创建自己的类型声明文件

项目内共享类型

【TypeScript笔记】03 - TS类型声明文件_第6张图片

为已有JS文件提供类型声明文件

【TypeScript笔记】03 - TS类型声明文件_第7张图片
【TypeScript笔记】03 - TS类型声明文件_第8张图片

示例:
【TypeScript笔记】03 - TS类型声明文件_第9张图片

参考资料

  • 《黑马程序员前端TypeScript教程》https://www.bilibili.com/video/BV14Z4y1u7pi
  • TypeScript 教程 https://www.runoob.com/typescript/ts-tutorial.html
  • DefinitelyTyped https://github.com/DefinitelyTyped/DefinitelyTyped
  • TS官方查询@types/*库的地址:https://www.typescriptlang.org/dt/search?search=

你可能感兴趣的:(#,Javascript随笔,typescript,前端,vscode)