前端Typescript - 简化代码的实用技巧

Typescript 在类型检查方面是很强大的,但有时候写起来很麻烦。比如当你定义类型和它的子类型的时候,如果分别定义他们,就显得很冗余。

让我们看个例子:

前端Typescript - 简化代码的实用技巧

第二个类型其实是第一个类型的子类,用到了第一个类型中的两个字段,分别定义就很麻烦,我们其实可以从第一个类型中Pick出来第二个类型需要的字段。

type LoginResponse = Pick<UserProfileResponse, "id" | "name">;

这样看起来是不是清爽了很多。下面还有一些可以简化我们代码的实用写法:

大写Uppercase

创建新类型,把所有属性设置成大写

前端Typescript - 简化代码的实用技巧

小写Lowercase

创建新类型,把所有属性设置成小写

前端Typescript - 简化代码的实用技巧

首字母大写Capitalize

前端Typescript - 简化代码的实用技巧

去掉首字母大写Uncapitalize

前端Typescript - 简化代码的实用技巧

把所有属性变成可选Partial

前端Typescript - 简化代码的实用技巧

把所有属性变成比选Required

前端Typescript - 简化代码的实用技巧

只读Readonly

前端Typescript - 简化代码的实用技巧

把需要的捡出来Pick

前端Typescript - 简化代码的实用技巧

把不需要的删掉Omit

前端Typescript - 简化代码的实用技巧

排除Exclude

前端Typescript - 简化代码的实用技巧

提取Extract

前端Typescript - 简化代码的实用技巧

设为非空NonNullable

前端Typescript - 简化代码的实用技巧

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章