首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TypeScript 难? 那是你打开方式不对!

「小墨是前端」致力于分享实用前端技术、挖掘优秀的开源项目,带你探索前端的奇妙世界,共同学习进步。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OD1Zsn_49drobPbvE5XqpsKQ0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券