HttpClient.get<T>转换对象时未调用setter，求更优解决方案

你观察得非常准确——当你用HttpClient.get<Person>()的时候，返回的"Person类型对象"其实只是TypeScript编译时的类型断言，本质上是JSON解析出来的普通匿名对象，根本不是Person类的实例，所以自然不会触发你定义的setter方法。这是因为JSON.parse只会生成普通JS对象，不会关联任何类的原型，也不会调用类的构造函数或setter。

除了手动逐个赋值，这里有几个更优雅的解决方案：

1. 给类添加接收JSON数据的构造函数 #

修改Person类，添加一个构造函数，把返回的JSON对象传进去，通过类的setter来初始化属性：

class Person {
  private _firstName: string;
  get FirstName(): string {
    return this._firstName;
  }
  set FirstName(firstName: string) {
    console.log("FirstName setter triggered!");
    this._firstName = firstName;
  }

  // 接收Partial<Person>类型的JSON数据
  constructor(data?: Partial<Person>) {
    if (data?.FirstName) {
      this.FirstName = data.FirstName; // 这里会调用setter
    }
  }
}

使用时，把HTTP返回的数据传给构造函数：

this.httpClient.get<Partial<Person>>('/api/person').subscribe(rawData => {
  const personInstance = new Person(rawData);
  // 此时setter已经被调用
});

2. 写一个工厂函数来转换实例 #

如果不想修改类的构造函数，可以单独写一个转换函数，负责把JSON对象转成Person实例：

function toPerson(rawData: Partial<Person>): Person {
  const person = new Person();
  if (rawData.FirstName) {
    person.FirstName = rawData.FirstName;
  }
  // 其他属性同理处理
  return person;
}

调用方式很简单：

this.httpClient.get<Partial<Person>>('/api/person').subscribe(rawData => {
  const personInstance = toPerson(rawData);
});

3. 使用class-transformer库（推荐） #

这是一个专门处理JSON与类实例转换的工具库，能自动帮你完成转换，并且触发类的setter、构造函数等。首先安装依赖：

npm install class-transformer

然后在代码中使用plainToInstance方法转换：

import { plainToInstance } from 'class-transformer';

class Person {
  private _firstName: string;
  get FirstName(): string {
    return this._firstName;
  }
  set FirstName(firstName: string) {
    console.log("FirstName setter triggered!");
    this._firstName = firstName;
  }
}

// HTTP请求后转换
this.httpClient.get<Person>('/api/person').subscribe(rawData => {
  const personInstance = plainToInstance(Person, rawData);
  // 此时setter已触发，personInstance是真正的Person实例
});

这个库还支持嵌套类转换、自定义转换规则、忽略属性等高级功能，适合复杂项目场景。

这些方法都比手动逐个赋值更高效且易维护，其中class-transformer是最省心的方案，能大幅减少重复代码。

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