TS报错：类型'string'不可赋值给类型'number'问题求助

问题根源 #

你定义的IRecord.getData()返回string|number联合类型，TypeScript无法根据传入的field参数区分具体返回类型，因此将返回值赋值给IData中明确类型的name（string）和age（number）时，会触发类型不兼容报错。

最优解决方案：泛型接口约束 #

通过给IRecord添加泛型，让它与目标数据类型（如IData）关联，使getData()能根据传入的字段名自动推断返回类型，无需手动类型转换。

修改后的代码： #

export interface IRecord<T> {
  // 约束field为T的键，返回对应键的类型
  getData<K extends keyof T>(field: K): T[K];
}

export class Record<T> implements IRecord<T> {
  // 用泛型T约束_dummyData的类型
  constructor(private _dummyData: T) {}

  public getData<K extends keyof T>(field: K): T[K] {
    return this._dummyData[field];
  }
}

export interface IData {
  name: string;
  age: number;
}

export class abc {
  // 指定IRecord的泛型参数为IData
  public getRecords(records: IRecord<IData>): IData {
    // 此时TS能推断getData("name")返回string，getData("age")返回number
    const myname = records.getData("name");
    const myage = records.getData("age");

    return { name: myname, age: myage };
  }
}

注意：原代码中getData传入的"namefield"、"myage"与IData的键名不匹配，需调整为"name"和"age"，否则泛型约束会触发字段不存在的报错。

备选方案：类型守卫兜底 #

如果无法修改IRecord的泛型结构，可通过类型守卫在运行时验证类型，确保赋值符合IData要求：

export class abc {
  public getRecords(records: IRecord): IData {
    const myname = records.getData("namefield");
    const myage = records.getData("myage");

    // 运行时校验类型，不符合则抛出错误
    if (typeof myname !== 'string' || typeof myage !== 'number') {
      throw new Error('获取的数据类型与IData不匹配');
    }

    return { name: myname, age: myage };
  }
}

方案对比 #

• 泛型方案：静态类型推断，无运行时开销，符合TypeScript类型安全设计，推荐优先使用。
• 类型守卫：需运行时校验，适合无法修改原有接口结构的场景。

内容的提问来源于stack exchange，提问作者Robin Chugh