如何为与对象属性一致的类定义TypeScript类型？

你原来的写法错误在于类的成员不能直接使用映射类型[K in keyof T]: T[K]，这种语法仅适用于类型别名或接口，不能直接放在类的成员声明中。以下是两种可行的解决方案：

方案一：使用implements配合索引签名 #

通过让类实现泛型T，并声明兼容的索引签名，同时用Object.assign简化赋值逻辑：

export class CssVars<T extends Record<string, number | string>> implements T {
  // 声明索引签名，兼容T的所有属性类型
  [key: string]: number | string;

  constructor(obj: T) {
    Object.assign(this, obj);
  }
}

方案二：类型断言绕过赋值检查 #

如果不想声明索引签名，可以在赋值时用类型断言告诉TypeScriptthis的类型就是T：

export class CssVars<T extends Record<string, number | string>> {
  constructor(obj: T) {
    for (const key in obj) {
      (this as T)[key] = obj[key];
    }
  }
}

测试验证 #

使用你的测试代码：

const obj = {
  a: 1,
  b: '2',
};

const t = new CssVars(obj);

此时t.a会被正确推断为number类型，t.b为string类型，完全符合你的需求。

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