返回

TypeScript 真难?5个技巧助你告别麻烦,拥抱高效!

前端

TypeScript 真难?其实是你的姿势不对!

TypeScript发展了这么多年,从刚开始的大家吹捧,到现在的点抵触,觉得它“太麻烦”。对于国内时间段,任务重的项目来说确实是个“包袱”。难道 TypeScript 真的只能作为防御式编程吗?其实问题不在 TypeScript 本身,而是使用方式不对。所以,我总结了一些常见的 TypeScript “坑点”和对应的解决方案,希望能帮助大家真正掌握这门强大的语言,告别“麻烦”,拥抱高效!

一、别再复制粘贴类型定义了!

很多时候大家都在做重复的类型定义。TypeScript 提供了 typeinterface 来定义类型,而且它们还能互相复用,需要什么就取什么。

type 可以用交叉类型(&)来组合,interface 可以用继承(extends)来扩展。举个例子:

二、复用类型,要懂得取舍!

有时候,我们只想复用已有类型的一部分。不如用 OmitPick 这两个工具类型。Omit 可以排除指定属性,Pick 可以选择指定属性。

三、组件库开发, consistency is key!

开发组件库时,不同组件的属性命名五花八门,比如表示是否显示的属性,有的叫 show,有的叫 visible,有的叫 open,让人摸不着头脑。

为了避免这种混乱,我们可以定义一套统一的基础类型让大家都有个统一的标准。

四、用元组,处理多返回值!

自定义 Hook 返回多个值时,很多人习惯用对象。虽然对象也能用,但用元组更符合规范,也更清晰。

五、函数重载,别再用 any 了!

有些函数的参数数量或类型不固定,很多人图省事直接用 any。函数重载可以根据不同的参数类型或数量定义不同的返回值。

❤️创作不易,求点赞、求在看、求转发!你的支持是我创作的最大动力!关注小墨,带你解锁更多前端技能!🚀

推荐阅读