如何在TypeScript类的对象字面量构造函数中避免构造函数样板代码？

当然有办法！其实你可以结合TypeScript的类型定义和Object.assign来避免逐一赋值的样板代码，同时保留对象字面量构造函数的便利性。这里有几种实用的方案：

方案一：用Object.assign简化批量赋值 #

先定义一个类型别名或接口来规范构造函数的参数结构，然后在构造函数里用Object.assign一次性把参数对象的所有属性赋值给类实例，不用手动写每个this.x = x：

// 定义参数类型，方便复用和类型检查
type PizzaParams = {
  sauce: string;
  cheese: string;
  radius: number;
};

class Pizza {
  // 声明类属性并指定访问修饰符
  private sauce!: string;
  private cheese!: string;
  public radius!: number;

  constructor(params: PizzaParams) {
    // 一行代码完成所有属性赋值
    Object.assign(this, params);
  }
}

这里的!是非空断言，用来告诉TypeScript这些属性会在构造函数中被赋值，避免编译报错。如果你觉得非空断言不够稳妥，也可以给属性设置合理的默认值：

class Pizza {
  private sauce: string = '';
  private cheese: string = '';
  public radius: number = 0;

  constructor(params: PizzaParams) {
    Object.assign(this, params);
  }
}

方案二：重载构造函数（兼容两种调用方式） #

如果你想同时支持传统参数列表和对象字面量两种构造方式，可以用构造函数重载来实现：

type PizzaParams = {
  sauce: string;
  cheese: string;
  radius: number;
};

class Pizza {
  private sauce: string;
  private cheese: string;
  public radius: number;

  // 重载签名1：接收对象参数
  constructor(params: PizzaParams);
  // 重载签名2：接收传统参数列表
  constructor(sauce: string, cheese: string, radius: number);
  // 实际实现的构造函数
  constructor(arg1: string | PizzaParams, arg2?: string, arg3?: number) {
    if (typeof arg1 === 'object') {
      // 处理对象参数的情况
      const { sauce, cheese, radius } = arg1;
      this.sauce = sauce;
      this.cheese = cheese;
      this.radius = radius;
    } else {
      // 处理传统参数的情况
      this.sauce = arg1;
      this.cheese = arg2!;
      this.radius = arg3!;
    }
  }
}

// 两种调用方式都能正常工作
const pizza1 = new Pizza({ sauce: 'marinara', cheese: 'Venezuelan Beaver', radius: 8 });
const pizza2 = new Pizza('marinara', 'Venezuelan Beaver', 8);

方案三：静态工厂方法封装 #

另一种优雅的思路是用静态工厂方法处理对象参数，让构造函数保持简洁的参数列表形式：

class Pizza {
  constructor(
    private sauce: string,
    private cheese: string,
    public radius: number
  ) {}

  // 静态工厂方法接收对象参数并创建实例
  static create(params: { sauce: string; cheese: string; radius: number }) {
    return new Pizza(params.sauce, params.cheese, params.radius);
  }
}

// 使用工厂方法创建实例，依然支持扩展运算符复制
const pizza = Pizza.create({ sauce: 'marinara', cheese: 'Venezuelan Beaver', radius: 8 });
const anotherPizza = Pizza.create({ ...pizza, radius: 10 });

这些方案里，第一种Object.assign的方式最直接，能帮你省去大量重复的赋值代码；如果需要兼容多种调用场景，重载构造函数或者静态工厂方法会更灵活。

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