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。函数重载可以根据不同的参数类型或数量定义不同的返回值。

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