美文网首页js css html
typeScript--映射类型、模板字符类型

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

作者: 习惯水文的前端苏 | 来源:发表于2023-02-06 15:43 被阅读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:首字母小写

    相关文章

      网友评论

        本文标题:typeScript--映射类型、模板字符类型

        本文链接:https://www.haomeiwen.com/subject/cdjtkdtx.html