TypeScript中如何延迟定义对象属性且无需重复校验？

针对你遇到的TypeScript类型初始化问题，这里有几种适配你场景的解决方法：

方法1：使用非空断言操作符（推荐） #

在类属性声明时添加!，明确告诉TypeScript该属性一定会在构造完成前被初始化，跳过初始化校验：

type BigObject = {
  dom: HTMLElement,
  count: number
}

class Starter {
  // 添加!标记属性非空且会被初始化
  bigObject!: BigObject;
  constructor() {
    this.initialize();
  }
  initialize() {
    const dom = document.getElementById("app");
    if (!dom) {
      // 保留你已有的异常校验逻辑
      throw new Error("app元素不存在");
    }
    this.bigObject.dom = dom;
    this.bigObject.count = 0; 
  }
}

• 优势：无需修改使用时的类型，保持BigObject属性的必填性，避免每次使用都要校验。
• 注意：依赖你确保initialize方法一定会被调用且正确完成初始化，否则运行时可能出现错误。

方法2：构造函数内先断言初始化 #

在构造函数中先给bigObject赋值一个空对象并通过类型断言指定为BigObject，后续再通过initialize填充属性：

type BigObject = {
  dom: HTMLElement,
  count: number
}

class Starter {
  bigObject: BigObject;
  constructor() {
    // 用类型断言跳过TS的初始化检查
    this.bigObject = {} as BigObject;
    this.initialize();
  }
  initialize() {
    const dom = document.getElementById("app");
    if (!dom) {
      throw new Error("app元素不存在");
    }
    this.bigObject.dom = dom;
    this.bigObject.count = 0; 
  }
}

• 优势：同样保持BigObject的类型完整性，适合无法修改属性声明的场景。
• 注意：空对象断言存在一定风险，需确保后续初始化逻辑覆盖所有属性。

方法3：让initialize返回完整对象 #

调整initialize方法，使其创建并返回完整的BigObject实例，在构造函数中直接赋值：

type BigObject = {
  dom: HTMLElement,
  count: number
}

class Starter {
  bigObject: BigObject;
  constructor() {
    this.bigObject = this.initialize();
  }
  initialize(): BigObject {
    const dom = document.getElementById("app");
    if (!dom) {
      throw new Error("app元素不存在");
    }
    return {
      dom,
      count: 0
    };
  }
}

• 优势：类型最安全，TS能完全推断bigObject的初始化状态，无需额外断言。
• 注意：需要调整initialize的逻辑结构，适合可以修改该方法返回值的场景。

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