首页
学习
活动
专区
工具
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对象和属性名,可以获得该属性的值,并通过类型推导得到该值的类型。

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

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

相关·内容

初探 TypeScript函数基本类型接口类内置对象

+ 方括号 表示法 let fibonacci:number[] = [1,2,3,4]//只能传number类型,否则会提示错误 复制代码 2.数组 (=> 跳到去学习) let fibinacci...let myIdentity1:{ (arg:T):T} = identity 复制代码 可以使用带有调用签名对象字面量来定义型函数,我们可以将对象字面量拿出来作为一个接口,将一个参数当做整个接口一个参数...,这样我们就能清楚知道使用具体是哪个类型 接口 interface GenericIdentityFn { (arg:T):T } function identity(arg...:T):T { return arg } let myIdentity:GenericIdentityFn = identity 复制代码 类 (=>类学习) 类看上去和接口差不多,类使用...new GeneriNumber() 复制代码 类有两个部分:静态部分和实例部分,类指实例部分,所以静态属性不能使用这个类型,定义接口来描述约束条件 约束 interface

7.3K31
  • TypeScript

    (Generics)是一种编程语言特性,允许在定义函数、类、接口等时使用占位符来表示类型,而不是具体类型是一种在编写可重用、灵活且类型安全代码时非常有用功能。...使用主要目的是为了处理不特定类型数据,使得代码可以适用于多种数据类型而不失去类型检查。优势包括:代码重用: 可以编写与特定类型无关通用代码,提高代码复用性。...标识符在中,通常使用一些约定俗成标识符,比如常见 T(表示 Type)、U、V 等,但实际上你可以使用任何标识符。T: 代表 "Type",是最常见类型参数名。...然后,使用这个接口创建了一个对象 pair,其中 first 是字符串类型,second 是数字类型。3....Box("TypeScript");console.log(stringBox.getValue()); // 输出: TypeScript解析: 在这个例子中,Box 是一个类,使用

    13110

    《现代Typescript高级教程》类型体操

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 类型体操 类型体操(Type Gymnastics)是 TypeScript 中高级类型系统重要组成部分...Required Required 是 TypeScript另一个内置类型,它可以将给定类型 T 中所有可选属性转换为必需属性。这对于确保对象完整性非常有用。...我们还可以结合和内置型函数来实现更复杂类型操作。以下是一个示例,展示了如何使用 Pick 和来创建一个函数,该函数从给定对象中选择指定属性,并返回一个新对象。...总结 类型体操是 TypeScript 中强大类型系统关键组成部分。通过使用,我们可以创建可重用、灵活和类型安全代码。...通过结合、extends 关键字、内置型函数和其他高级类型概念,我们能够在 TypeScript 中编写更复杂、类型安全代码,并利用 TypeScript 强大类型系统来提高代码可读性、可维护性和可扩展性

    33730

    typescript_有什么用

    大家好,又见面了,我是你们朋友全栈君。 指在定义函数、接口或类时候,不预先指定具体类型,而在使用时候再指定具体类型一种特性。...(arr2[0].toFixed()) // 报错,因为字符串没有toFixed方法 console.log(arr1[0].split('')) // 报错,因为number没有split方法 意思就是类型由用户自己决定...,因为规定了number类型,传入却是字符串11, 当我们输入如下代码,也会报错 报错原因如下 所以如果我们使用了,就会避免类型输入错误或者用错方法 多个参数函数...类使用( )括起类型,跟在类名后面。...(x.length) // 报错,因为目前不知道x是什么类型 } 我们可以使用约束来实现 interface Lengthwise { length: number; } // 指定约束

    1.1K30

    TypeScript-在约束中使用类型参数

    约束中使用类型参数概述一个被另一个约束, 就叫做 约束中使用类型参数博主需求: 定义一个函数用于根据指定 key 获取对象 value:let getProps = (obj: object..., key: string): any => { return obj[key];}如上代码在编译器当中是会报错,报错原因就是它不知道 obj[key] 返回到底是不是 any 这个类型,...a 和 b 都是存在 key,如果这个时候我要获取一个 c key value 那么就直接是 undefined 了,说明一个问题,代码不够健壮, 明明 obj 中没有 c 这个 key 但是却没有报错...,那么这时就可以利用 在约束中使用类型参数 来解决该问题,代码如下:图片let getProps = (obj: T, key: K): any => {...,我一般看到都会回复

    19510

    【Flutter】Dart ( 类 | 方法 | 特定类型约束 )

    接口 , 方法 提供复用性 , 支持类型不确定数据类型 ; 类 : 提高代码复用程度 ; 方法 : 参数或返回值有类型约束 , 参数或返回值类型必须符合对应类型 , 使用时会进行类型检查约束...创建对象 , 类型设置为 String 类型 Cache cache = Cache(); // 调用方法时 , 传入参数必须符合对应类型...String value = cache.getCachedItem("name"); print("测试, 类型字符串, 获取缓存内容为 ${value}"); // 创建对象...){ // 创建对象 , 类型设置为 String 类型 Cache cache = Cache(); // 调用方法时 , 传入参数必须符合对应类型.../ 创建对象 , 类型设置为 int 类型 Cache cache2 = Cache(); // 调用方法时 , 传入参数必须符合对应类型 //

    5.2K00

    类、方法、类型通配符使用

    类、方法、类型通配符使用 一.类        声明和非声明类似,除了在类名后面添加了类型参数声明部分...和方法一样,类型参数声明部分也包含一个或多个类型参数,参数间用逗号隔开。一个参数,也被称为一个类型变量,是用于指定一个类型名称标识符。...下面是定义方法规则: 所有方法声明都有一个类型参数声明部分(由尖括号分隔),该类型参数声明部分在方法返回类型之前(在下面例子中)。...类型参数能被用来声明返回值类型,并且能作为方法得到实际参数类型占位符。 方法体声明和其他方法一样。...下面的例子演示了"extends"如何使用在一般意义上意思"extends"(类)或者"implements"(接口)。该例子中方法返回三个可比较对象最大值。

    3.8K40

    TypeScript 对象类型-接口

    一、什么是接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象类型 接口是一系列抽象方法声明,是一些方法特征集合,第三方可以通过这组抽象方法调用,让具体类执行具体方法...TypeScript 中接口除了可用于对类一部分行为进行抽象以外,还可用于对「对象形状(Shape)」进行描述 举个例子: interface Person { name: string;...需要注意是,一旦定义了任意属性,那么确定属性和可选属性类型都必须是它类型子集: interface Person { name: string; age?...上例中,使用 readonly 定义属性 id 初始化后又被赋值,所以报错 注意,只读约束存在于第一次给对象赋值时候,而非第一次给只读属性赋值时候: interface Person {...上例中,报错信息有两处: 1、在对 faker 进行赋值时候,没有给 id 赋值 2、在给 faker.id 赋值时候,由于它是只读属性,所以报错了 五、联合类型和接口 以下实例演示了如何在接口中使用联合类型

    3.4K10

    深入学习下 TypeScript

    出现在尖括号内 TypeScript 代码中,格式为 ,其中 T 表示传入类型。 可以理解为 T 类型。...这不是语法规则,你可以像 TypeScript任何其他类型一样命名,但这种约定有助于立即向那些阅读你代码的人传达类型不需要特定类型可以出现在函数、类型、类和接口中。...这意味着 TypeScript 会将数据识别为具有字符串类型键和任意类型对象,从而允许您访问其属性。类型参数约束在某些情况下,类型参数需要只允许将某些形状传递给。...将与接口、类和类型一起使用在 TypeScript 中创建接口和类时,使用类型参数来设置结果对象形状会很有用。 例如,一个类可能具有不同类型属性,具体取决于传递给构造函数内容。...TypeScript 仅适用于类型,因此请确保始终将类型声明中标识符读取类型,而不是值。在此代码中,您使用每个布尔值的确切类型,true 和 false。

    15310

    深入学习下 TypeScript

    出现在尖括号内 TypeScript 代码中,格式为 ,其中 T 表示传入类型。 可以理解为 T 类型。...这不是语法规则,你可以像 TypeScript任何其他类型一样命名,但这种约定有助于立即向那些阅读你代码的人传达类型不需要特定类型可以出现在函数、类型、类和接口中。...这意味着 TypeScript 会将数据识别为具有字符串类型键和任意类型对象,从而允许您访问其属性。 类型参数约束 在某些情况下,类型参数需要只允许将某些形状传递给。...将与接口、类和类型一起使用 在 TypeScript 中创建接口和类时,使用类型参数来设置结果对象形状会很有用。 例如,一个类可能具有不同类型属性,具体取决于传递给构造函数内容。...TypeScript 仅适用于类型,因此请确保始终将类型声明中标识符读取类型,而不是值。在此代码中,您使用每个布尔值的确切类型,true 和 false。

    39K30

    TypeScript:一个好价值

    是种一旦理解就乐在其中概念,所以让我只是先从这样描述它开始吧: 之于类型(Types),犹类型之于变量也 换言之,为你提供了一种不用指定特别某种类型就能使用若干类型方式。...TypeScript 来拯救 正如我曾 尝试 说那样:一个就像若干类型一个变量,这意味着我们可以定义一个表示任何类型变量,同时能保持住类型信息。后者是关键,因为那正是 any 做不到。...现在,让我们将其转换为类型安全 TypeScript 并看看能如何帮助我们: type Person = { name: string, age: number, city...,后一个被声明为继承自前一个中键,但本质上好处是你现在不再受限于某一种具体类型(即 Person 类型对象) 了,该函数可被你放心大胆地用于任何类型或结构了。...这是因为借助,处理类逻辑完全被封装进了一个类中,从而我们可以约束类型并创建指定类型类,这样类只对动物类型生效。你也可以在此添加额外行为,而类型信息也得以保留。

    1.5K20

    浅谈TypeScriptT和any区别

    使用any 简单粗暴,任何类型都可以,但是失去了ts类型保护优势。 2. 使用 不预先指定具体类型,而是在使用时候在指定类型限制一种特性。...如果这个函数传入类型和返回类型相同,使用any类型,就无法实现这个约束。 因此,需要一种方法使返回值类型与传入参数类型是相同。...如果你去超市破零钱,那售货员给你还是钱,类型相同,可以用。...any就不用过多讲解使用方式,和其他类型一样,主要说说使用 1.在函数中使用 function echo(arg:T):T{ return arg } const result=echo...,传递参数是string类型,因此在调用cation方法时也要是相同类型

    1.9K1210
    领券