TypeScript中如何优雅地为类批量赋值属性？

问题描述 #

在TypeScript中尝试为类批量赋值属性时，写出了如下代码：

interface AType {
  name: string;
  age: number;
  // Other properties...
}

class A {
  name:string;
  age:number;
  constructor(obj: AType) {
    for(let i in obj) {
      this[i]=obj[i];
    }
  }
}

但这段代码存在以下四个TypeScript报错：

• 属性'name'没有初始化器，且未在构造函数中明确赋值。
• 属性'age'没有初始化器，且未在构造函数中明确赋值。
• 元素隐式拥有'any'类型，因为类型为'string'的表达式不能用于索引类型'A'。类型'A'上未找到带有'string'类型参数的索引签名。
• 元素隐式拥有'any'类型，因为类型为'string'的表达式不能用于索引类型'AType'。类型'AType'上未找到带有'string'类型参数的索引签名。

如果逐个给类变量赋值，在属性过多时构造函数会非常冗长，需要更优雅的实现方式。

解决方案 #

方案1：使用Object.assign()简化赋值 + 非空断言 #

Object.assign()可直接将源对象属性批量复制到目标对象，通过非空断言!告知TypeScript属性会在构造函数中完成赋值，消除初始化报错，同时保证类型安全：

interface AType {
  name: string;
  age: number;
  // 其他属性...
}

class A {
  name!: string; // 非空断言，标记属性会被初始化
  age!: number;
  constructor(obj: AType) {
    Object.assign(this, obj);
  }
}

解决的问题：

• 非空断言消除"属性未初始化"的报错；
• 内置方法处理赋值逻辑，避免手动循环的索引类型问题；
• 代码简洁，无需逐个赋值属性。

方案2：为接口和类添加索引签名（适合动态属性场景） #

如果类和接口的属性可能动态扩展，可添加索引签名，允许TypeScript用字符串索引访问属性：

interface AType {
  name: string;
  age: number;
  [key: string]: string | number; // 索引签名，覆盖所有属性类型
}

class A {
  name!: string;
  age!: number;
  [key: string]: string | number; // 类的索引签名
  constructor(obj: AType) {
    for (const key in obj) {
      if (obj.hasOwnProperty(key)) { // 避免遍历原型链属性
        this[key] = obj[key];
      }
    }
  }
}

注意：索引签名的类型需要覆盖所有属性的类型，若属性类型多样，需调整联合类型范围。

方案3：泛型工具类实现通用批量赋值 #

如果多个类都需要批量赋值能力，可封装泛型工具类复用逻辑：

type Constructor<T = {}> = new (...args: any[]) => T;

function Assignable<T extends Constructor>(Base: T) {
  return class extends Base {
    constructor(...args: any[]) {
      super(...args);
      const [obj] = args;
      if (typeof obj === 'object' && obj !== null) {
        Object.assign(this, obj);
      }
    }
  };
}

// 使用示例
interface AType {
  name: string;
  age: number;
}

class A extends Assignable(class {}) {
  name!: string;
  age!: number;
}

const instance = new A({ name: "Alice", age: 25 });

这种方式可让多个类快速拥有批量赋值能力，适合大型项目复用逻辑。

方案4：类型断言解决索引类型问题（保留手动循环场景） #

若坚持使用手动循环，可通过类型断言明确key是类的属性键：

interface AType {
  name: string;
  age: number;
}

class A {
  name!: string;
  age!: number;
  constructor(obj: AType) {
    for (const key in obj) {
      // 将key断言为类/接口的属性键类型
      this[key as keyof A] = obj[key as keyof AType];
    }
  }
}

解决的问题：通过keyof获取属性键类型，断言后消除索引类型报错。

总结 #

简单批量赋值优先选方案1（Object.assign()+非空断言），简洁且类型安全；动态属性场景用方案2添加索引签名；多类复用逻辑选方案3的泛型工具类；坚持手动循环则用方案4的类型断言。

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