You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在TypeScript中定义对象同类型属性的函数参数类型

解决方案

有两种常见实现方式,适配不同场景:

1. 硬编码指定属性(简单直接)

如果确定Article里的价格属性仅为priceNet和priceGross,直接用联合类型定义即可:

type NeededProperty = 'priceNet' | 'priceGross';

这种方式直观易懂,适合属性固定不变的场景。

2. 动态筛选类型(灵活适配)

如果希望TypeScript自动从Article中筛选出**类型为number且非quantity**的属性,可以结合条件类型与工具类型实现:

先定义通用工具类型,提取对象中属性类型匹配指定类型的键:

type KeysOfType<T, U> = {
  [K in keyof T]: T[K] extends U ? K : never;
}[keyof T];

再基于该工具类型,排除quantity属性得到目标类型:

type NeededProperty = Exclude<KeysOfType<Article, number>, 'quantity'>;

这种方式的优势在于,后续若Article新增其他价格类的number属性,NeededProperty会自动包含新属性,无需手动修改。

验证效果

将NeededProperty代入函数后,TypeScript会自动校验传入的属性名:

  • 传入'priceNet'或'priceGross'时,类型校验通过;
  • 传入'name'(string类型)或'quantity'(虽为number但被排除)时,会触发类型错误,完全符合需求。

内容的提问来源于stack exchange,提问作者Piotr Witkoś

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.13 23:43:10