操作符keyof的作用是什么

简介: 操作符keyof的作用是什么

keyof 是 TypeScript 中的一个操作符,它用于获取一个类型的所有属性名(键)组成的联合类型。

使用 keyof 操作符可以在编译时获得一个类型的属性名,然后将这些属性名作为联合类型进行处理或操作。它可以用于访问对象的属性,定义映射类型,以及进行类型约束等场景。

下面是一些示例来说明 keyof 的作用:

  1. 访问对象的属性:
interface Person {
    name: string;
    age: number;
}
const person: Person = {
    name: "Alice",
    age: 25,
};
type PersonKeys = keyof Person; // 联合类型:"name" | "age"
console.log(person["name"]); // 访问对象属性
  • 在上述示例中,PersonKeys 类型通过 keyof Person 获取了 Person 接口的属性名,即 "name""age",作为联合类型。
  • 定义映射类型:
interface Person {
    name: string;
    age: number;
}
type ReadonlyPerson = {
    readonly [K in keyof Person]: Person[K];
};
const readonlyPerson: ReadonlyPerson = {
    name: "Alice",
    age: 25,
};
readonlyPerson.name = "Bob"; // 错误,只读属性无法修改
  • 在上述示例中,通过使用 keyof Person,我们创建了一个映射类型 ReadonlyPerson,将 Person 接口的所有属性都设置为只读。
  • 进行类型约束:
function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
    return obj[key];
}
const person: Person = {
    name: "Alice",
    age: 25,
};
const name = getProperty(person, "name"); // name 的类型为 string
const age = getProperty(person, "age"); // age 的类型为 number
const invalid = getProperty(person, "email"); // 错误,"email" 不是 Person 的属性名
  1. 在上述示例中,getProperty 函数使用了两个泛型参数 TK extends keyof T。通过使用 keyof T,我们对第二个参数 key 进行了类型约束,确保它必须是 T 类型的属性名。

总结起来,keyof 操作符在 TypeScript 中用于获取一个类型的所有属性名组成的联合类型。它可以用于访问对象的属性,定义映射类型以及进行类型约束等场景,提供了更灵活和安全的类型操作。

相关文章
|
SQL 安全 算法
移动端安全基础
移动端安全基础
|
数据采集 JSON 移动开发
【实战】使用 uniapp 开发一个面试刷题小程序
直至 5 月也依然是互联网寒冬,大厂裁员的消息在微信群漫天飞舞,而招聘网站上的 HC 也越来也少,因此不少小厂也开始纷纷内卷,压低员工绩效,本应该晋级加薪的时间,也变成了杳无音信。难道我们就束手无策了
2011 0
|
NoSQL 数据可视化 关系型数据库
推荐几个好用的redis可视化工具
推荐几个好用的redis可视化工具
17792 1
|
11月前
|
XML JSON 前端开发
HTTP协议,Content-Type格式介绍篇
通过理解和正确使用Content-Type头字段,可以确保数据在网络上传输时的正确性和高效性,提升网络应用的可靠性和用户体验。
1157 18
|
前端开发 容器
box—sizing 属性的了解
box—sizing 属性的了解
354 0
|
监控
LabVIEW程序内存泄漏分析与解决方案
LabVIEW程序内存泄漏分析与解决方案
579 0
|
网络协议 对象存储
阿里云oss配置自有域名
阿里云oss配置自有域名
448 1
|
机器学习/深度学习 传感器 算法
【车间调度】基于遗传算法求解车间调度问题(含甘特图)附matlab代码
【车间调度】基于遗传算法求解车间调度问题(含甘特图)附matlab代码
|
异构计算
FPGA - 7系列 FPGA内部结构之SelectIO -02- 源语简介(一)
FPGA - 7系列 FPGA内部结构之SelectIO -02- 源语简介
1479 0
FPGA - 7系列 FPGA内部结构之SelectIO -02- 源语简介(一)