TypeScript中能否以类实例为参数创建构造函数？解决Getter失效问题

你要的需求完全可以实现，不用手动逐个赋值属性，下面是几种实用方案：

方案1：用Object.assign()批量拷贝属性 #

这是最直接的方式，构造函数里把传入的对象属性一次性拷贝到实例上：

export class Simple {
  id: number;
  name: string;

  // 用Partial<Simple>允许传入的对象缺省部分属性（适配API返回可能的字段缺失）
  constructor(value: Partial<Simple>) {
    Object.assign(this, value);
  }

  get displayText(): string {
    return `${this.name} (${this.id})`;
  }
}

// 使用示例：把API返回的对象传入构造函数
const apiResponseObj = { id: 1, name: "示例名称" };
const simpleInstance = new Simple(apiResponseObj);
console.log(simpleInstance.displayText); // 输出：示例名称 (1)

方案2：静态工厂方法（可选，更灵活） #

如果不想直接暴露构造函数，可以写一个静态方法来创建实例，逻辑和上面类似：

export class Simple {
  id: number;
  name: string;

  // 私有构造函数，强制通过工厂方法创建实例
  private constructor() {}

  static from(value: Partial<Simple>): Simple {
    const instance = new Simple();
    Object.assign(instance, value);
    return instance;
  }

  get displayText(): string {
    return `${this.name} (${this.id})`;
  }
}

// 使用示例
const apiObj = { id: 2, name: "工厂方法示例" };
const simpleInstance = Simple.from(apiObj);

补充说明 #

你遇到的displayText返回undefined的问题，本质是API返回的是普通JSON对象，它的原型链上没有Simple类的displayText getter。只有把这些对象转成Simple类的实例，才能访问到类上定义的属性和方法。

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