前后端数据转换异常：前端请求Coupon接口返回普通Object而非预期Coupon类型

你拿到的是普通Object而非Coupon实例，核心原因是对Angular HttpClient的泛型能力和TypeScript的运行时特性存在误解：

• this.http.get<Coupon[]>()里的Coupon[]泛型仅在代码编译阶段生效，作用是给IDE和TS静态检查器提供类型提示，不会触发任何运行时的自动类型转换。
• TypeScript的所有类型标注在代码编译为纯JavaScript后会被完全擦除。HTTP请求最终返回的，是浏览器原生fetch接口解析JSON文本后生成的普通对象。这类对象的原型是Object.prototype，和你定义的Coupon类没有继承关联，自然不会被识别为Coupon类型。

根据你的实际开发需求二选一即可：

• 如果Coupon仅用于承载数据字段，不需要在类上挂任何业务方法：直接把现有的Coupon类替换为TypeScript接口定义。接口是纯编译期的类型约束，无运行时开销，直接匹配后端返回的JSON结构就能实现正常的类型提示，完全不需要写额外的转换逻辑。
• 如果需要在Coupon类上定义实例方法、绑定业务逻辑：必须在HTTP响应管道中手动完成JSON到类实例的映射，不能直接把原始返回值赋值给业务变量。参考实现如下：

  import { map } from 'rxjs/operators';
  
  getCompanyCoupons() {
    const params = new HttpParams().set("token", this.token);
    // 先接收原始JSON结构的数组，再逐字段映射为Coupon类实例
    return this.http.get<Array<Record<string, any>>>('http://localhost:8080/api/company/get_company_coupons', { params })
      .pipe(
        map(rawCouponList => rawCouponList.map(item => new Coupon(
          item.id,
          item.title,
          item.startDate,
          item.endDate,
          item.category,
          item.amount,
          item.price,
          item.imageURL
        )))
      )
  }
  

  完成映射后，subscribe回调里拿到的就是真正的Coupon类实例，不再是普通Object。

Angular HttpClient不会基于传入的泛型自动完成JSON到自定义类的实例化，这是框架和TypeScript类型系统的明确设计边界——所有运行时的类型转换逻辑，都需要开发者手动实现，不存在“写个泛型就自动转实例”的能力。

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