如何让TypeScript泛型实例属性跳转至实际类型定义而非泛型参数？

可以实现预期的跳转效果，以下是几种可行的解决方式：

1. 利用IDE的多跳转选项（无需修改代码） #

在VS Code等主流IDE中，按住Ctrl（Windows）/Cmd（Mac）并点击test.obj时，会弹出选项列表，其中包含**跳转到具体类型Data和跳转到泛型参数T**的选项，选择前者即可直接定位到Data的定义。

如果希望默认优先跳转具体类型，可在VS Code设置中调整：

• 打开设置（快捷键Ctrl+,/Cmd+,）
• 搜索TypeScript > Preferences: Go To Definition Mode
• 将值设置为peek，此时点击会先弹出预览窗口，显示具体类型的定义，方便直接跳转。

2. 代码层面创建具体类型别名（推荐） #

通过创建绑定了具体类型的泛型别名，让IDE更清晰地追踪到目标类型：

type Data = { item: number };

type Generic<T> = {
  obj: T;
};

// 定义绑定Data的具体类型别名
type DataGeneric = Generic<Data>;

const test: DataGeneric = { obj: { item: 0 } };

此时点击test.obj，IDE会直接识别其类型为Data，默认跳转至Data的定义。

3. 使用JSDoc注释强制指定类型 #

如果只需针对单个实例调整跳转目标，可给obj添加JSDoc注释：

const test: Generic<Data> = { 
  /** @type {Data} */
  obj: { item: 0 } 
};

这种方式会让IDE优先识别注释中的类型，点击obj时直接跳转至Data的定义，但会降低泛型的灵活性，适合局部场景使用。

内容的提问来源于stack exchange，提问作者Islam Naasani