ts自动编译声明文件_为 Vue3 ?? 学点 TypeScript, 什么是声明文件(declare)? [??全局声明篇]...

最新推荐文章于 2024-08-06 05:30:00 发布

kitenancy

最新推荐文章于 2024-08-06 05:30:00 发布

阅读量2.8k

点赞数 3

文章标签： ts自动编译声明文件

本文链接：https://blog.csdn.net/weixin_35390057/article/details/112494096

版权

这篇博客探讨了在Vue3项目中使用TypeScript时，如何理解和创建全局声明文件。声明文件用于给JavaScript代码添加类型注解，避免TS编译错误。内容包括全局声明的定义、位置、@types库的使用，以及何时需要自定义声明文件。文章还介绍了声明文件的编写，如`declare`关键字的应用、`declare namespace`和修改系统变量声明的方法。最后，作者提醒读者，虽然VSCode可以提供代码提示，但实现仍需JavaScript代码配合。

摘要由CSDN通过智能技术生成

往期目录

第一课, 体验typescript

第二课, 基础类型和入门高级类型

第三课, 泛型

第四课, 解读高级类型

第五课, 命名空间(namespace)是什么

特别篇, 在vue3 源码中学会typescript - "is"

第六课, 什么是声明文件(declare)? - 全局声明篇

全局声明篇

年底比较忙 , 受个人时间限制, 暂把"声明"部分的内容分为&quot;全局声明篇"和&quot;模块声明篇", 还请多多包涵, 本次先说&quot;全局".

什么是声明文件?

声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件"缺少类型".

声明变量使用关键字declare来表示声明其后面的全局变量的类型, 比如:

// packages/global.d.ts
declare var __DEV__: boolean
declare var __TEST__: boolean
declare var __BROWSER__: boolean
declare var __RUNTIME_COMPILE__: boolean
declare var __COMMIT__: string
declare var __VERSION__: string

看过vue3源码的同学一定知道这些是vue中的变量, 上面代码表示__DEV__等变量是全局, 并且标注了他们的类型. 这样无论在项目中的哪个ts文件中使用__DEV__, 变量ts编译器都会知道他是boolean类型.