TypeScript keyof 关键字

最新推荐文章于 2025-06-24 19:53:04 发布

lio_zero

最新推荐文章于 2025-06-24 19:53:04 发布

阅读量470

点赞数

CC 4.0 BY-SA版权

文章标签： typescript javascript 前端 ecmascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_46267040/article/details/125369536

本文介绍了TypeScript中的keyof关键字，它用于从对象类型中提取键类型。通过keyof，我们可以创建一个属性的联合类型，并在函数参数中使用。例如，在带有显式键的接口Person上，keyofPerson生成了'name'和'age'的联合类型。此外，当keyof与索引签名结合时，它可以提取索引类型，如在StringMap类型中，keyofStringMap解析为'string'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

keyof 是 TypeScript 中的关键字，用于从对象类型中提取键类型。

带有显式键的 `keyof`

在具有显式键的对象类型上使用时，keyof 会使用这些键创建联合类型。

interface Person {
  name: string
  age: number
}

// keyof Person 在这里创建一个 name 和 age 的联合类型，不允许使用其他字符串
function printName(person: Person, property: keyof Person) {
  console.log(`打印 person 属性 ${property}: '${person[property]}'`)
}

let person = {
  name: 'O.O',
  age: 18
}

printName(person, 'name') // 'O.O'

带索引签名的 `keyof`

keyof 还可以与索引签名一起使用，以提取索引类型。

type StringMap = {
  [key: string]: unknown
}

// 这里的 keyof StringMap 解析为 string
function foo(property: keyof StringMap, value: string): StringMap {
  return {
    [property]: value
  }
}

foo('name', 'O.O') // { name: 'O.O' }