实例化类时传入嵌套对象返回空类，寻求技术解决方案

我来帮你梳理下这个问题的核心原因和解决方案～

你遇到的情况是：直接给类实例的嵌套属性赋值时能正常得到带值的实例，但通过new Class({ 嵌套对象 })的方式传参时，得到的实例里嵌套部分却是默认空值。这大概率是你的类构造函数没有正确处理传入的嵌套参数导致的。

常见原因分析 #

举个典型的错误示例，假设你的类定义是这样的：

class MyClass {
  // 预先初始化默认空值
  view = {};
  selected = { category: { code: '' } };

  constructor(obj?: Partial<MyClass>) {
    // 只做了浅层次的对象合并，或者根本没处理嵌套属性
    if (obj) {
      Object.assign(this, obj);
    }
  }
}

如果你的构造函数只是用Object.assign做浅拷贝，或者完全没有对传入的嵌套参数做赋值逻辑，那当你传入new MyClass({ selected: { category: { code: '123' } } })时，要么因为浅拷贝的逻辑没覆盖到嵌套的code，要么因为构造函数根本没把传入的嵌套值同步到实例属性上，最终实例还是保留了默认的空字符串。

而直接赋值能正常工作，是因为你在实例初始化完成后，直接访问了已经存在的嵌套属性并覆盖了默认值，这时候绕开了构造函数的参数处理逻辑。

具体解决方案 #

根据你的需求，有两种常见的处理方式：

1. 显式合并嵌套属性（保留默认值的场景）

如果希望保留类里的默认属性，同时合并传入的嵌套参数，可以在构造函数里手动处理嵌套层级的赋值：

class MyClass {
  view = {};
  selected = { category: { code: '' } };

  constructor(obj?: Partial<MyClass>) {
    if (obj) {
      // 合并view属性
      if (obj.view) {
        this.view = { ...this.view, ...obj.view };
      }
      // 合并selected的嵌套属性
      if (obj.selected) {
        this.selected = {
          ...this.selected,
          category: {
            ...this.selected.category,
            ...obj.selected.category
          }
        };
      }
    }
  }
}

这样调用new MyClass({ selected: { category: { code: 'test' } } })时，就会正确把传入的code值合并到实例中，而不是保留默认空值。

2. 完全依赖传入参数（无默认值的场景）

如果你的类不需要默认值，所有属性都由传入的参数决定，可以直接在构造函数里显式赋值所有属性：

class MyClass {
  view: Record<string, any>;
  selected: { category: { code: string } };

  constructor(obj: { view: Record<string, any>, selected: { category: { code: string } } }) {
    this.view = obj.view;
    this.selected = obj.selected;
  }
}

这种方式下，只要你传入合法的嵌套参数，实例就会直接使用传入的值，不会出现空值问题。

总结 #

核心问题是构造函数没有正确处理嵌套参数的赋值逻辑，要么是浅拷贝没覆盖到深层属性，要么是完全没处理传入的参数。只要针对性地调整构造函数里的参数处理逻辑，就能解决这个问题啦～

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