TypeScript内置类型一览(Record<string,any>等等)(上)

简介: TypeScript内置类型一览(Record<string,any>等等)

TypeScript中Record是啥?现在让我们来了解一下TypeScript官方的内置类型,让你的开发效率再上一层楼

Partial(部分的)

/**
 * Make all properties in T optional
 */
type Partial<T> = {
    [P in keyof T]?: T[P];
};

作用是让传入类型中的所有属性变成都是可选的

使用举例
export interface Student {
  name: string;
  age: number;
}

const student1: Student = {}

const student2: Partial = {}




变量student1的类型是Student,Student默认所有的属性都是不能为空的,所有会报错,student2就不会

Required(必须的)

/**

Make all properties in T required

*/

type Required = {

[P in keyof T]-?: T[P];

};

跟Partial的作用是相反的,是让传入类型中的所有属性变成都是必填的

使用举例
export interface Student {

name?: string;

age?: number;

}

const student1: Student = {}

const student2: Required = {}



变量student1的类型是Student,Student默认所有的属性都是可以为空的,所有不会报错,student2会报错

Readonly(只读的)

/**

Make all properties in T readonly

*/

type Readonly = {

readonly [P in keyof T]: T[P];

};

作用是让传入类型中的所有属性变成都是只读的(不能修改属性)

使用举例
export interface Student {

name: string;

age: number;

}

const student1: Student = {

name: ‘张三’,

age: 20

}

student1.age = 21


const student2: Readonly = {

name: ‘李四’,

age: 20

}

student2.age = 21


给student1的属性age重新赋值不会报错,给student2的属性age重新赋值就会报错,因为student2所有的属性都是只读的

Pick(选择)

/**

From T, pick a set of properties whose keys are in the union K

*/

type Pick = {

[P in K]: T[P];

};

作用是选择传入类型中的部分属性组成新类型


使用举例

export interface Student {

name: string;

age: number;

}

const student1: Student = {

name: ‘张三’,

age: 20

}


const student2: Pick = {

name: ‘李四’

}


const student3: Pick = {

name: ‘王五’,

age: 20

}


变量student1可以有所有属性name和age,变量student2就只能有属性name,变量student3加上属性age就会报错

Record(记录)

/**

Construct a type with a set of properties K of type T

/

type Record = {

[P in K]: T;

};

作用是构建一个类型,这个类型用来描述一个对象,这个对象的属性都具有相同的类型


使用举例

export const student1: Record<string, any> = {

name: ‘张三’,

age: 20

}

Record应该是日常使用频率较高的内置类型了,主要用来描述对象,一般建议是不用Object来描述对象,而是用Record代替,Record几乎可以说是万金油了

Exclude(排除)

/*

Exclude from T those types that are assignable to U

*/

type Exclude = T extends U ? never : T;

针对联合类型(interface这种没用),用人话说,排除相同的,留下不同的


使用举例

export type PersonAttr = ‘name’ | ‘age’

export type StudentAttr = ‘name’ | ‘age’ | ‘class’ | ‘school’

const student1: Exclude



student1就只能被赋值为’class’ 或者’school’

Extract(取出)

/**

Extract from T those types that are assignable to U

*/

type Extract = T extends U ? T : never;

与Exclude相反,针对联合类型,排除不同的的,取出相同的


使用举例

export type PersonAttr = ‘name’ | ‘age’

export type StudentAttr = ‘name’ | ‘age’ | ‘class’ | ‘school’

const student1: Extract


student1就只能被赋值为’name’或者’age’

TypeScript内置类型一览(Record<string,any>等等)(中):https://developer.aliyun.com/article/1510476

相关文章
|
20天前
|
JavaScript
typeScript进阶(9)_type类型别名
本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义,可以为现有类型起一个新的名字,使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。
34 1
typeScript进阶(9)_type类型别名
|
20天前
|
存储 JavaScript
typeScript进阶(11)_元组类型
本文介绍了TypeScript中的元组(Tuple)类型,它是一种特殊的数组类型,可以存储不同类型的元素。文章通过示例展示了如何声明元组类型以及如何给元组赋值。元组类型在定义时需要指定数组中每一项的类型,且在赋值时必须满足这些类型约束。此外,还探讨了如何给元组类型添加额外的元素,这些元素必须符合元组类型中定义的类型联合。
32 0
|
20天前
|
JavaScript
typeScript进阶(10)_字符串字面量类型
本文介绍了TypeScript中的字符串字面量类型,这种类型用来限制变量只能是某些特定的字符串字面量。通过使用`type`关键字声明,可以确保变量的值限定在预定义的字符串字面量集合中。文章通过示例代码展示了如何声明和使用字符串字面量类型,并说明了它在函数默认参数中的应用。
28 0
|
1天前
|
存储 分布式计算 NoSQL
大数据-40 Redis 类型集合 string list set sorted hash 指令列表 执行结果 附截图
大数据-40 Redis 类型集合 string list set sorted hash 指令列表 执行结果 附截图
12 3
|
4天前
|
JavaScript 前端开发 安全
使用 TypeScript 加强 React 组件的类型安全
【10月更文挑战第1天】使用 TypeScript 加强 React 组件的类型安全
16 3
|
20天前
|
JavaScript 前端开发
typeScript基础(8)_ts类型断言
本文介绍了TypeScript中的类型断言,它用于在编译时告诉TypeScript某个对象具有特定的类型,即使它看起来不具备。类型断言可以用来访问一个类型上存在而另一个类型上不存在的属性或方法。需要注意的是,类型断言并不会在运行时改变JavaScript的行为,因此如果断言不当,运行时仍然可能出错。文章还提醒避免将类型断言为`any`类型或进行多重断言。
19 1
|
18天前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
20天前
|
JavaScript
typeScript基础(7)_函数的类型
本文介绍了TypeScript中函数的类型,包括函数声明与函数表达式的类型注解,如何定义函数的参数类型、返回类型,以及可选参数和参数默认值。还探讨了函数的剩余参数、如何使用接口定义函数的形状,以及函数重载的概念和实践。
14 0
|
20天前
|
Java 索引
java基础(13)String类
本文介绍了Java中String类的多种操作方法,包括字符串拼接、获取长度、去除空格、替换、截取、分割、比较和查找字符等。
29 0
java基础(13)String类
|
17天前
|
安全 Java
String类-知识回顾①
这篇文章回顾了Java中String类的相关知识点,包括`==`操作符和`equals()`方法的区别、String类对象的不可变性及其好处、String常量池的概念,以及String对象的加法操作。文章通过代码示例详细解释了这些概念,并探讨了使用String常量池时的一些行为。
String类-知识回顾①