如何便捷为TypeScript类填充属性？支持选择性赋值

首先得明确：你尝试的let f = new Filter(subject = 1);这种写法是不可行的——TypeScript不支持直接通过命名参数的方式跳过前面的可选参数，这种语法会被解析为把变量subject赋值为1，然后把这个值作为第一个参数传入构造函数，完全达不到你想要的效果。

下面给你几种更靠谱的选择性填充属性的方法，按推荐程度排序：

1. 首选：对象参数 + Partial<T>工具类型 #

这是TypeScript里最简洁、灵活的方案，利用内置的Partial<T>工具类型把类的所有属性转为可选，再通过Object.assign快速赋值：

class Filter implements IFilterJournal {
  public category?: number;
  public subject?: number;
  public teacher?: number;
  public mark?: number;

  // 接收一个可选的Partial<Filter>对象作为参数
  constructor(options?: Partial<Filter>) {
    // 把options里的属性复制到当前实例
    Object.assign(this, options);
  }
}

// 使用示例：想填哪个属性就传哪个
let f1 = new Filter({ subject: 1 }); // 只设置subject
let f2 = new Filter({ category: 3, teacher: 5 }); // 设置category和teacher
let f3 = new Filter(); // 空实例，和之前一样

这种方式的优势在于：

• 完全不需要关心参数顺序，直接通过键值对指定要赋值的属性
• 代码简洁，不需要写大量重复的赋值逻辑
• Partial<T>是TypeScript内置工具类型，无需额外定义

2. 修正可选参数的使用方式（仅适合参数少的场景） #

如果你坚持用可选参数的构造函数，正确的写法是通过undefined占位跳过不需要设置的参数，而不是直接写命名参数：

class Filter implements IFilterJournal {
  constructor(
    public category?: number,
    public subject?: number,
    public teacher?: number,
    public mark?: number
  ) {}
}

// 要设置subject，需要给前面的category传undefined
let f = new Filter(undefined, 1);

但这种方式的缺点很明显：如果类的属性很多，你需要写一串undefined占位，不仅麻烦还容易出错，所以只适合属性数量极少的场景。

3. Builder模式（适合复杂类/需要校验的场景） #

如果你的Filter类需要复杂的属性校验逻辑，或者希望用链式调用的方式构建实例，可以用Builder模式：

class Filter implements IFilterJournal {
  public category?: number;
  public subject?: number;
  public teacher?: number;
  public mark?: number;
}

class FilterBuilder {
  private category?: number;
  private subject?: number;
  private teacher?: number;
  private mark?: number;

  // 链式setter，返回this支持链式调用
  setSubject(subject: number): this {
    // 这里可以加校验逻辑，比如subject不能小于0
    if (subject < 0) throw new Error("Subject不能为负数");
    this.subject = subject;
    return this;
  }

  setCategory(category: number): this {
    this.category = category;
    return this;
  }

  setTeacher(teacher: number): this {
    this.teacher = teacher;
    return this;
  }

  setMark(mark: number): this {
    this.mark = mark;
    return this;
  }

  // 构建最终的Filter实例
  build(): Filter {
    const filter = new Filter();
    filter.category = this.category;
    filter.subject = this.subject;
    filter.teacher = this.teacher;
    filter.mark = this.mark;
    return filter;
  }
}

// 使用示例
let f = new FilterBuilder()
  .setSubject(1)
  .setMark(100)
  .build();

这种方式适合需要对属性进行复杂校验，或者希望代码可读性更高的场景，但会增加一些额外的代码量。

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