typescript： 2 篇

开头#

现在 TypeScript 的发展也越来越成熟，已逐渐应用到我们开发的前端项目之中，它能够带来类型提示，提前规避类型上的错误，来提高项目代码的健壮性，以及更高效的编码效率，前提就是我们需要定义好相应的类型，才能更好的拥有代码上的类型提示。

记得在 React 项目中刚使用 ts 的时候，遇到事件的 Event Handler 中的 e 不知道它怎么去定义，现在来从新盘点一下 React TS 中的 Event Handler 。

就比如下面没有给它定义类型，TS 编译器就会提示错误：

🍔 前言#

根据以下题目解题中你可以学习了解到并应用的知识点有：

• 泛型应用

• 联合类型、交叉类型使用

• 函数重载

• 元组

• extends分布式条件类型、约束

• in关键字

• as断言

• keyof关键字

• infer关键字

• -?操作符

• -readonly 删除只读符号

• 循环遍历中属性值类型为never会被省略

• [number]获取所有数组类型索引值

• 与any交叉类型时的情况

• 什么是Flasy类型

• 协变逆变

TypeScript 内置工具类型的使用

• Omit

• Pick

• Required

• Extract

• Exclude

• Parameters

• ReturnType

下面工具类型实现以及该题实现的逻辑分析觉得错误，或书写有误，希望大佬帮忙指正 😀，有更好的实现方式和不明白的地方欢迎评论区留言。