首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TypeScript:读取对象中值的泛型类型

TypeScript是一种由Microsoft开发和维护的开源编程语言,它是JavaScript的超集,为JavaScript添加了静态类型和面向对象编程的特性。TypeScript通过静态类型检查和强大的IDE支持,提高了代码的可靠性、可维护性和开发效率。

在TypeScript中,读取对象中值的泛型类型可以通过以下方式实现:

代码语言:txt
复制
function getValue<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

上述代码定义了一个泛型函数getValue,它接受两个参数:obj表示要读取值的对象,key表示要读取的属性名。函数的返回值类型使用了泛型参数TK,其中T代表对象类型,K代表对象的属性名,通过keyof T可以获得对象T所有属性名的联合类型。函数的返回值类型T[K]表示返回对象T中属性名为K的值。

使用示例:

代码语言:txt
复制
interface Person {
  name: string;
  age: number;
}

const person: Person = {
  name: 'John',
  age: 25,
};

const name = getValue(person, 'name'); // 类型推导:name的类型为string
const age = getValue(person, 'age'); // 类型推导:age的类型为number

上述示例中,我们定义了一个Person接口表示人员信息,然后创建了一个person对象。通过调用getValue函数并传入person对象和属性名,可以获得该属性的值,并通过类型推导得到该值的类型。

推荐的腾讯云产品相关链接:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

29分44秒

Web前端 TS教程 09.TypeScript中对象和函数的类型声明 学习猿地

7分2秒

day25_泛型与File/13-尚硅谷-Java语言高级-使用通配符后数据的读取和写入要求

7分2秒

day25_泛型与File/13-尚硅谷-Java语言高级-使用通配符后数据的读取和写入要求

7分2秒

day25_泛型与File/13-尚硅谷-Java语言高级-使用通配符后数据的读取和写入要求

4分30秒

VH03型多功能手持读数仪操作数据存储讲解

2分17秒

VH03手持读数仪屏幕显示内容介绍

48秒

VH03多功能手持振弦读数仪开关机操作

2分28秒

手持采集读数仪VH03型指示灯操作讲解

2分59秒

多功能手持读数仪VH03型参数修改操作

2分59秒

VH03手持读数仪参数修改日期时间修改

3分10秒

VH03型多功能手持读数仪数据下载

1分43秒

VH03手持读数仪简单介绍说明

领券