TypeScript的类型指令(单行注释)

单行注释应该在项目里用的很少吧, 我没见过在项目中使用过, 但是了解一下又不吃亏! 那么一起来看看吧!这里开启了TypeScript提示器.

这里谈谈我对它的理解,也可以看看林不渡的TypeScript小册

一般单行注释是以@ts-开头

@ts-ignore 和 @ts-expect-error

@ts-ignore 和 @ts-expect-error 仅仅对紧随其后的那一行代码做约束,可以写在代码的任意位置

@ts-ignore : 只是忽略随后那一行的代码的类型检测.

• 第2行代码类型有错误,通过@ts-ignore给忽略掉了
• 第3行代码的类型检测就没有忽略掉
• 第6行代码没有类型错误,不处理

• 第2行代码类型有错误,正好随了@ts-expect-error它的意
• 第3行代码的没有被指令管到
• 第8行代码没有类型错误,会认为这个指令白写了unused

@ts-check 和 @ts-nocheck

@ts-check 和 @ts-nocheck 是对整个文件的代码做约束, 只能写在代码的最前面

@ts-nocheck: 用与.js文件和.ts文件里

在.ts文件就不用说了

在.js文件为什么会用到 @ts-nocheck呢? js就没有类型检测这回事啊?

原因是ts.config.json配置项有个checkJs如果设置为true,那么所有的.js文件就会有类型检测,这个时候@ts-nocheck就派上用场了,它会允许我们将一部分的.js类型检测给禁用掉.

@ts-check: 用与.js文件里, 开启文件的类型检测

如图: 已经是string类型的age, 无法再赋值为number类型了.

---

最后

为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。



有需要的小伙伴，可以点击下方卡片领取，无偿分享