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

使用keyof的参数泛型推断

keyof 是 TypeScript 中的一个关键字,用于获取某种类型的所有键(属性名)的联合类型。它常与泛型一起使用,以增强函数的类型安全性和灵活性。

基础概念

假设我们有一个对象类型 Person

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

使用 keyof 可以得到这个接口所有属性名的联合类型:

代码语言:txt
复制
type PersonKeys = keyof Person; // "name" | "age" | "email"

优势

  1. 类型安全:确保函数只接受有效的属性名作为参数。
  2. 代码复用:通过泛型和 keyof 可以创建更通用的函数。
  3. 减少冗余:避免手动列出所有可能的属性名。

类型与应用场景

类型

keyof T 的结果是一个联合类型,包含了类型 T 所有属性名的字符串字面量类型。

应用场景

  1. 通用函数:创建可以处理任意对象属性的函数。
  2. 通用函数:创建可以处理任意对象属性的函数。
  3. 映射类型:用于创建新的类型,基于现有类型的属性。
  4. 映射类型:用于创建新的类型,基于现有类型的属性。

可能遇到的问题及解决方法

问题:类型推断不准确

有时 TypeScript 可能无法准确推断泛型的具体类型,尤其是在复杂类型或嵌套对象的情况下。

解决方法

  • 明确指定泛型参数
  • 明确指定泛型参数
  • 使用更具体的类型注解
  • 如果函数返回值依赖于传入的键,确保返回类型也能正确反映这一点。

问题:使用 keyof 时遇到编译错误

可能是因为传入的键不是目标类型的有效属性。

解决方法

  • 检查键名拼写:确保键名与对象类型中的属性名完全匹配。
  • 使用类型断言:在极少数情况下,如果确定某个键是有效的,但 TypeScript 编译器无法推断出来,可以使用类型断言。
  • 使用类型断言:在极少数情况下,如果确定某个键是有效的,但 TypeScript 编译器无法推断出来,可以使用类型断言。

示例代码

以下是一个综合示例,展示了如何使用 keyof 和泛型来创建一个安全的属性访问函数:

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

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

const person: Person = { name: 'Alice', age: 30, email: 'alice@example.com' };

// 正确使用
const name = getProperty(person, 'name'); // name 是 string 类型
const age = getProperty(person, 'age');   // age 是 number 类型

// 错误使用(TypeScript 编译器会报错)
// const invalid = getProperty(person, 'invalidKey'); // Error: Argument of type '"invalidKey"' is not assignable to parameter of type '"name" | "age" | "email"'.

通过这种方式,可以确保在编译阶段就捕获到潜在的错误,提高代码的健壮性。

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

相关·内容

【Kotlin】泛型 ① ( 泛型类 | 泛型参数 | 泛型函数 | 多泛型参数 | 泛型类型约束 )

, 主构造函数之前 , 该泛型参数 T 是 类型占位符 , 在 该泛型类类中 可以使用 类型占位符 T 作为一个类 使用 , 可以 定义 T 类型成员属性 主构造函数中可以接收 T 类型的实例对象作为参数..., T 类型可以 作为函数的返回值 ; 通常情况下 , 泛型参数 都使用 T 表示 , 使用其它字母 或者 字符串 都可以表示 泛型参数 , 但是 约定俗成 都使用 T 来表示泛型 ; 代码示例 :...---- 通常情况下 , 泛型参数 都使用 T 表示 , 使用其它字母 或者 字符串 都可以表示 泛型参数 , 但是 约定俗成 都使用 T 来表示泛型 ; 在下面的代码中 , 使用 M 作为 泛型参数...---- 泛型函数 中 如果涉及到 匿名函数 参数 , 匿名函数 的 参数返回值 都是泛型 的话 , 在该泛型函数 中可能需要使用多个泛型 , 使用不同的字母表示不同的泛型 ; 如果函数中 引入了新的泛型类型..., 需要两个泛型参数来表示其类型 ; T 类型在泛型类中注明 , 可以在该泛型类 Student 中随意使用 , 但是 泛型参数 R 是首次在该函数中使用 , 因此需要在该函数的 fun 关键字

2.9K10
  • 【Kotlin】泛型总结 ★ ( 泛型类 | 泛型参数 | 泛型函数 | 多泛型参数 | 泛型类型约束 | 可变参数结合泛型 | out 协变 | in 逆变 | reified 检查泛型参数类型 )

    主构造函数中可以接收 T 类型的实例对象作为参数 , T 类型可以 作为函数的返回值 ; 通常情况下 , 泛型参数 都使用 T 表示 , 使用其它字母 或者 字符串 都可以表示 泛型参数 , 但是 约定俗成...都使用 T 来表示泛型 ; 代码示例 : 下面的代码中 , 声明了 Student 泛型类 , 该泛型类 接收 T 类型的泛型参数 , 在主构造函数中接收 T 类型的参数 , 在该泛型类中声明了 T...---- 泛型函数 中 如果涉及到 匿名函数 参数 , 匿名函数 的 参数返回值 都是泛型 的话 , 在该泛型函数 中可能需要使用多个泛型 , 使用不同的字母表示不同的泛型 ; 如果函数中 引入了新的泛型类型...六、可变参数 vararg 关键字与泛型结合使用 ---- 如果 泛型类型 T 的参数 是 vararg 可变参数 , 则在接收 可变参数 时 , 需要使用 Array 类型 的变量进行接收...子类 的 泛型类对象 , 可以赋值给 泛型参数 是父类 的变量 , 前提是泛型参数必须使用 out 关键字修饰 ; 使用 in 关键字 , 可以使 父类泛型对象 赋值给 子类泛型对象 ; 使用

    4.1K10

    【Rust 基础篇】Rust默认泛型参数:简化泛型使用

    这时,Rust的默认泛型参数就派上用场了。本篇博客将深入探讨Rust中的默认泛型参数,包括默认泛型参数的定义、使用场景、使用方法以及注意事项,以便读者了解如何在Rust中简化泛型使用。 1....什么是默认泛型参数? 在Rust中,默认泛型参数允许我们为泛型参数提供默认值。当我们在使用泛型时不指定具体类型,就会使用默认的泛型参数类型。...使用场景 默认泛型参数主要用于以下场景: 2.1 简化泛型使用 默认泛型参数允许我们为泛型参数提供默认值,使得在使用泛型时不需要显式指定类型,简化了代码的使用。...3.2 使用默认泛型参数 在使用泛型类型或函数时,不指定具体类型,即可使用默认的泛型参数类型。...通过深入理解和合理使用默认泛型参数,我们可以更加灵活地使用泛型,并简化泛型代码的使用。 本篇博客对Rust默认泛型参数进行了全面的解释和说明,包括默认泛型参数的定义、使用场景、使用方法以及注意事项。

    53220

    Java泛型详解:为什么使用泛型?如何使用泛型?

    在Java中,使用泛型有三种方式:泛型类和泛型方法,泛型接口。 泛型类:我们可以通过在类的定义中使用来指定一个或多个类型参数,用于代替具体的类型。...泛型接口(Generic Interface):通过在接口的定义中使用类型参数来代表具体的类型。实现该接口的类需要指定具体的类型参数。...当使用泛型时,我们可以在类或方法的定义中使用泛型类型参数来代表具体的类型。下面我将分别介绍泛型类和泛型方法; 1. 泛型类的使用: 泛型类可以在类的定义中使用类型参数来代表具体的类型。...泛型方法的使用: 泛型方法可以在方法的定义中使用类型参数来代表具体的类型。通过在方法返回类型之前使用尖括号定义类型参数,我们可以编写出可以适用于不同类型数据的通用方法。...当我们使用泛型时,有时候我们可能会遇到一种情况,即希望可以接收任意类型的参数。这时候就可以使用泛型通配符?,表示未知的类型。下面我将详细说明泛型通配符的用法,并提供一个示例代码: 泛型通配符?

    22010

    用泛型来实现编译时期的类型推断

    第一章都是讲泛型的,距离上一篇Effective C#的随笔已经是很久以前的事情了。。。 今天Item4,讲的是泛型的类型推断功能。...东西好不好,都是比较出来了,当然也不是绝对的好或者绝对的不好。 首先上一段不用泛型的代码。...但是这样意味着要写更多代码,写更多编译器和JIT引擎可以帮你实现的代码。 接下来泛型上场,原文叫“correct answer”。...解决了原先的几个问题。 ①类型转换。泛型类中的LoadFromFile方法,返回的类型其实已经被限定了,就是T类型,至于T具体是什么类型,就看自己在调用的时候尖括号之间写的具体的值了。...最后一段: 很多时候如果用了Type类型的参数,通常都可以定义出一个泛型的版本。编译器就会 “Create the Specific version for you.”。

    1.2K30

    【Kotlin】泛型 ③ ( 泛型 out 协变 | 泛型 in 逆变 | 泛型 invariant 不变 | 泛型逆变协变代码示例 | 使用 reified 关键字检查泛型参数类型 )

    作为 函数的返回值 类型 , 则在 声明 泛型参数 类型 时 , 在 泛型参数 前 使用 out 关键字 , 同时 该 泛型类 又称为 生产类 ( 生产接口 ) , 用于生产 泛型类 指定的泛型对象...- 使用 in 关键字 , 可以使 父类泛型对象 赋值给 子类泛型对象 ; 在 泛型类 中 , 如果只将 泛型类型 作为 函数的参数 类型 , 则在 声明 泛型参数 类型 时 , 在 泛型参数 前...泛型类型 作为 函数的返回值 类型 , 则在 声明 泛型参数 类型 时 , 既不使用 in 关键字 , 又不使用 out 关键字 ; 代码示例 : 在下面的接口中 , 泛型类型 即用于作为 返回值 ,...子类 的 泛型类对象 , 可以赋值给 泛型参数 是父类 的变量 , 前提是泛型参数必须使用 out 关键字修饰 ; 使用 in 关键字 , 可以使 父类泛型对象 赋值给 子类泛型对象 ; 使用... // 在 Consumer 中 , 使用了泛型参数 in 逆变 // 泛型参数是父类 的泛型类对象 可以赋值给 泛型参数是子类 的泛型对象 val consumer

    1.7K10

    Java泛型详解:和Class的使用。泛型类,泛型方法的详细使用实例

    InfoImpl,然后把泛型变量T传给了Info,这说明接口和泛型类使用的都是同一个泛型变量。...然后在使用时,就是构造一个泛型类的实例的过程,使用过程也不变。    ...  上面我们讲解了类和接口的泛型使用,下面我们再说说,怎么单独在一个函数里使用泛型。...arg ;            // 返回泛型数组     }      首先,定义了一个静态函数,然后定义返回值为T[],参数为接收的T类型的可变长参数。...1,一个是泛型表示某一个类型的参数。为的传递某一类的参数对象  2,另一个则是传递的不是参数,而是代表Class,某一个类。 恰巧我都使用过,就正好记录一下实际使用实例。

    3.3K50

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

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

    3.8K40

    Kotlin 泛型:类型参数约束

    上一篇文章讲了 Kotlin 泛型:基本使用,接下来我们再进一步了解泛型使用相关的进阶知识。本篇是 Kotlin 泛型类型参数约束的讲解,更多内容可点击链接查看。...Kotlin 泛型:基本使用Kotlin 泛型:类型参数约束系列持续更新中,欢迎关注订阅。...为什么需要类型参数约束在上一篇文章里,我们使用泛型定义了一个泛型列表List,使用这个列表,我们可以在使用的时候,实例化出各种具体类型的列表,比如字符串列表List、整型列表List...什么是类型参数约束对于上述场景,最理想的实现应该满足这些条件:只有数值类型的列表才能调用这个拓展函数拓展函数对「类型参数」所具备的特征有必要的了解,如知道它是一个Number类型因此,我们需要使用泛型参数约束...中的泛型属性也同样变得可空,这使得泛型类在具体实现的时候,需要考虑参数为空的情况,也让编写代码的具体实现变得复杂。

    2.3K31

    Go 泛型之类型参数

    Go 泛型之了解类型参数 一、Go 的泛型与其他主流编程语言的泛型差异 Go泛型和其他支持泛型的主流编程语言之间的泛型设计与实现存在差异一样,Go 的泛型与其他主流编程语言的泛型也是不同的。...不过,这个类型实参自动推断有一个前提,你一定要记牢,那就是它必须是函数的参数列表中使用了的类型形参,否则就会像下面的示例中的代码,编译器将报无法推断类型实参的错误: func foo[T comparable...F *P[T2, T1] // 不符合技术方案,但Go 编译器并未报错 } 5.2 使用泛型类型 和泛型函数一样,使用泛型类型时也会有一个实例化(instantiation)过程,比如: var sl...六、泛型方法 我们知道 Go 类型可以拥有自己的方法(method),泛型类型也不例外,为泛型类型定义的方法称为泛型方法(generic method),接下来我们就来看看如何定义和使用泛型方法。...Go 社区在使用泛型过程中的反馈而定。

    28710

    【Kotlin】泛型 ② ( 可变参数 vararg 关键字与泛型结合使用 | 使用 [] 运算符获取指定可变参数对象 )

    文章目录 一、可变参数 vararg 关键字与泛型结合使用 二、使用 [] 运算符获取指定可变参数对象 一、可变参数 vararg 关键字与泛型结合使用 ---- 如果 泛型类型 T 的参数 是 vararg...可变参数 , 则在接收 可变参数 时 , 需要使用 Array 类型 的变量进行接收 ; 参数为 vararg 可变参数 , 那么可以传入多个 指定类型的 实例对象 ; 在下面的代码中..., 声明了 泛型参数 T , T 类型不必须是 Weapon 类的子类类型 ; 在 Soldier 的主构造函数中 , 传入了 泛型 T 类型的 可变参数 对象 ; 如果要使用 成员属性 接收该 泛型...T 类型的 可变参数 对象 , 则必须 使用 Array 类型对象进行接收 ; 代码示例 : class Soldier(vararg _items: T) {...二、使用 [] 运算符获取指定可变参数对象 ---- 如果想要 使用 [] 运算符获取指定可变参数对象 , 就需要 重写 该类 的 get 函数 进行 运算符重载 ; 如果想要通过 Soldier 实例对象

    76820

    泛型的高级使用

    泛型是什么 记得以前面试的时候经常被问泛型是什么,为什么要使用泛型? 泛型:可以说是类型参数化。...也就是说操作的数据类型,被指定为一个参数,这种参数可以用在类、接口、方法上,分别可以叫做泛型类、泛型接口、泛型方法。...,我们在编译的时候就发现错误,不用等运行的时候,这也是使用泛型的一个好处。.../** * 传入泛型实参时: * 定义一个生产器实现这个接口,虽然我们只创建了一个泛型接口TestInter * 在实现类实现泛型接口时,如已将泛型类型传入实参类型,则所有使用泛型的地方都要替换成传入的实参类型...由此可以看出:同一种泛型可以对应多个版本(因为参数类型是不确定的),不同版本的泛型类实例是不兼容的。

    43510

    【Java 泛型】泛型简介 ( 泛型类 | 泛型方法 | 静态方法的泛型 | 泛型类与泛型方法完整示例 )

    ; 其中的 参数 , 返回值 类型是 T , 但 这个 T 是作为一个正常的类型使用的 , 并不是声明在 方法 中的泛型 ; 如果 类 , 接口 , 方法 是 泛型类 , 泛型接口 , 泛型方法 , 则该...---- 泛型方法 : 在方法的 返回值前 , 使用 声明泛型的方法 , 是泛型方法 ; 将某个类型作为参数传入 ; 泛型个数 : 该方法是泛型方法 , 且指定了 2 个泛型 , 泛型的个数可以有很多个...: 泛型方法中定义的 泛型 T , 与 参数类型的 T , 返回值类型的 T , 方法内部的 T , 都是同一个类型 ; /** * 泛型类 * 该 T 类型作为参数使用 * T 是参数化类型...---- 静态方法泛型 : 如果静态方法中 使用了 类中的泛型 T , 作为参数 或 返回值 , 这种使用时错误的 ; 如果必须在 静态方法 中使用泛型 T , 则该泛型 T 必须是静态方法的泛型 ,...不能是类的泛型 ; 错误用法 : 正确用法 : 五、泛型类与泛型方法完整示例 ---- /** * 泛型类 * 该 T 类型作为参数使用 * T 是参数化类型 , 可以由外部传入

    15.3K30

    java泛型(一)、泛型的基本介绍和使用

    一、泛型的基本概念 泛型的定义:泛型是JDK 1.5的一项新特性,它的本质是参数化类型(Parameterized Type)的应用,也就是说所操作的数据类型被指定为一个参数,在用到的时候在指定具体的类型...这种参数类型可以用在类、接口和方法的创建中,分别称为泛型类、泛型接口和泛型方法。  ...(类型擦除在后面在学习)   使用泛型机制编写的程序代码要比那些杂乱的使用Object变量,然后再进行强制类型转换的代码具有更好的安全性和可读性。泛型对于集合类来说尤其有用。  ...中的念为typeof   Integer ArrayList称为原始类型 二、泛型的使用 泛型的参数类型可以用在类、接口和方法的创建中,分别称为泛型类...所以当我们使用  List的时候,编译器看到的不是String,而是一个Object(java中所有类型都继承于Object)。 一旦【类定义区域】中的泛型参数被擦除了。

    1.5K10

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

    在泛型约束中使用类型参数概述一个泛型被另一个泛型约束, 就叫做 泛型约束中使用类型参数博主需求: 定义一个函数用于根据指定的 key 获取对象的 value:let getProps = (obj: object..., key: string): any => { return obj[key];}如上的代码在编译器当中是会报错的,报错的原因就是它不知道 obj[key] 返回的到底是不是 any 这个类型,...,那么这时就可以利用 在泛型约束中使用类型参数 来解决该问题,代码如下:图片let getProps = keyof T>(obj: T, key: K): any => {...obj[key];}let obj = { a: 'a', b: 'b'}let res = getProps(obj, "c");console.log(res);如上 K extends keyof...T 的含义为,key 只能是在 obj 当中存在的属性,如果指定的 key 在 obj 当中不存在就不允许获取图片图片最后本期结束咱们下次再见~ 关注我不迷路,如果本篇文章对你有所帮助,或者你有什么疑问

    20310

    android 如何正确使用 泛型 和 多参数 “偷懒”

    个选项,采用布局是一个 TextView 对应一个小三角 ImageView,各个选项没被点击时,字体颜色是 黑色,小三角不显示,点击后,字体变色,小三角居下显示,同时在下面的 layout 显示对应的布局内容...要实现这样的逻辑,并不难,但是,如果常规地去写的话,代码段很长,很繁琐!后来我这样做了。...先写个获取 list 的泛型函数,用来获取 要显示的布局集合 再写个获取 TextView 和 ImageView 对应绑定的 Map 泛型函数 最后是整合,集体改变 这样调用 那么我们就配置好了一个选项...,上面共四个选项,对应四个点击事件,就是写四次,你只需要改变,传入的整数,其他不用便,0,1,2,3.....

    1.3K90

    针对常量泛型参数的分类实现

    而论及泛型参数 (generic parameters),我们总是想到 trait bounds 和生命周期。或者有时候,我们完全没注意到“泛型参数”这个描述。...我们知道,函数参数是列在函数名之后的 (...) 内的部分,而泛型参数是列在 内的部分。...泛型参数分为三类: 生命周期参数 类型参数 常量参数 而且它们的顺序被规定为:生命周期必须放置于后两类之前,后两类可以交叉摆放。...= 0 {} 常量泛型参数 常量泛型参数 (const generics parameters): 可以在任何 常量条目 中使用,而且只能独立使用,通常作为某类型的参数出现。...I 和 I == 0 从泛型角度看, struct Item; 定义了一个具体类型的泛型参数,但并不限定这个值。

    74710
    领券