专栏名称: 前端早读课
我们关注前端,产品体验设计,更关注前端同行的成长。 每天清晨五点早读,四万+同行相伴成长。
今天看啥  ›  专栏  ›  前端早读课

【第3359期】没人告诉你的一件关于 TypeScript 的事

前端早读课  · 公众号  · 前端  · 2024-08-28 08:00

主要观点总结

本文讲述了TypeScript中tsconfig.json配置文件的作用和使用方式,包括如何通过项目引用(Project References)来更好地管理不同环境下的类型检查。同时介绍了库、测试和真相、幽灵定义等概念,并强调了TypeScript配置的工作方式并不是完全显而易见的,需要注意include和references属性的区别。

关键观点总结

关键观点1: TypeScript通过加载一个默认的定义库叫做lib.dom来识别JavaScript的全局变量。

可以通过按住CMD(在Windows上是CTRL)并点击document对象来查看定义库的具体内容。

关键观点2: 测试框架会扩展全局对象,并全局暴露it和expect等函数,这样可以在每个测试中访问它们而不需要显式导入。

可以通过修改tsconfig.json文件来启用全局的it函数。

关键观点3: TypeScript的配置工作并不是直观的,include控制应用此TypeScript配置影响到哪些模块,而references控制哪些文件是当前配置的依赖。

正确的配置方式是为每个环境创建单独的tsconfig.json文件,而不是为每个目录创建。

关键观点4: TypeScript正在从开发者手中抽象化配置,但理解并正确使用它仍然非常重要。

通过学习更多、更加理解TypeScript并正确使用它,可以获得很多益处。


文章预览

前言 主要讲述了 TypeScript 中  tsconfig.json  配置文件的作用和使用方式,以及如何通过项目引用(Project References)来更好地管理不同环境下的类型检查。今日前端早读课文章由 @桃猿翻译分享,公号:@桃猿授权。 正文从这开始~~ 我已经使用 TypeScript 超过四年了,总的来说,这是一段很棒的经历。随着时间的推移,使用它的摩擦力逐渐减少,直到消失,让我在编写类型或以类型为先的方式解决问题时变得更加高效。虽然我远不是一个真正的类型大师,但我敢于认为自己对这门语言很熟练,经历了各种类型体操、条件类型、嵌套泛型,并深入研究了 type 和 interface 之间的神圣区别。说实话,我以为我对这门语言理解得相当好。 【第3344期】换个角度看 TypeScript 直到我发现我错了。看,有一件关于 TypeScript 的特别事情我完全搞错了,我相信你也一样。 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览