typeScript--映射类型、模板字符类型

2023-02-06 本文已影响0人习惯水文的前端苏

$\bullet$ 映射类型

$\alpha$ 特点

在不重新定义的前提下创建另一种新的类型，通常需要与索引类型、keyof和in关键字结合

$\beta$ 示例

$\vdash$ 提取key

有时候我们需要对同一个接口的字段定义多次，基础的做法是在每个使用处单独罗列一次，通过映射类型便可以对其进行提取

$\vdash$ 保留key类型、剔除修饰符

上一个示例我们发现，提取的新类型的key失去了类型定义，如果需要保留原key对应的类型，则需要用到索引类型

如果新的类型与原类型只有修饰符的差别，可以在指定修饰符前使用-号消除

$\vdash$ as

使用as+工具类型的组合可以对key值做进一步控制，比如剔除部分key

使用as+索引类型可以合并联合类型

$\bullet$ 模板字符类型

$\alpha$ 特点

对字符串类型做链接或扩展

$\beta$ 示例

对类型扩展"get"前缀

当使用联合类型时，会对每一个单独应用一次前后缀

动态提示与修饰

内置工具类型

Uppercase：转大写

Lowercase：转小写

Capitalize：首字母大写

Uncapitalize：首字母小写