关于TypeScript的声明文件的总结

  • A+
所属分类:Web前端
摘要

花了几个小时折腾这个声明文件,该有所总结了在同级目录的main.ts中使用模块导入

花了几个小时折腾这个声明文件,该有所总结了

先说总结:

  1. 声明文件应是声明JS文件的
  2. 声明文件的名字必须是原js文件的名字后加d.ts

关于TypeScript的声明文件的总结

  1. 声明文件内声明可以使用exportdeclare
    • 如果使用declare,一般结合namespace使用.
    • 如果使用export,则导出的是模块.使用的时候类似于引入npm包

关于TypeScript的声明文件的总结

export模块

在同级目录的main.ts中使用模块导入

关于TypeScript的声明文件的总结

需要注意的是,就算我的calc.js这个文件里面什么都没有,他这个提示也是存在的.

也就是说,这个代码提示是跟着calc.d.ts文件来的.

declare

如果使用declare,为了避免名字冲突,尽量结合namespace使用

calc.d.ts,其实这个时候叫什么名字都行了,因为是全局的

关于TypeScript的声明文件的总结

main.ts

关于TypeScript的声明文件的总结

可以发现,我并没有引入calc

此时,这个Jquery的代码提示信息在你项目的任何地方都可以使用了