TypeScript严格模式下[number, number]类型字段初始化问题求助

在strict: true模式下，TypeScript的类型检查会强制要求类的属性必须有初始值或者在构造函数中明确赋值，这也是你尝试几个方案都报错的核心原因。下面提供几个不用any断言或者硬编码初始值[0, 0]的更优方案：

方案1：使用非空断言运算符! #

通过在属性名后添加!，告诉TypeScript这个属性一定会在使用前被赋值，编译器就会跳过初始化检查：

class MyClass {
  public sheet!: [number, number];

  // 确保在使用sheet前调用这个方法完成赋值
  initSheet(width: number, height: number) {
    this.sheet = [width, height];
  }
}

优点：写法简洁，不需要提前设置初始值；
注意事项：必须保证在访问sheet之前完成赋值，否则会出现运行时的undefined错误，需要自己把控代码执行顺序。

方案2：将元组类型与undefined联合 #

如果追求绝对的类型安全，同时允许属性初始为未定义状态，可以把类型声明为[number, number] | undefined：

class MyClass {
  public sheet: [number, number] | undefined;

  updateSheet(newSheet: [number, number]) {
    this.sheet = newSheet;
  }

  useSheet() {
    // 使用前必须先判断是否已赋值
    if (this.sheet) {
      console.log(this.sheet[0], this.sheet[1]);
    } else {
      // 处理未初始化的场景
      console.log("Sheet has not been initialized yet");
    }
  }
}

优点：完全符合类型安全要求，编译器会强制你处理未初始化的情况，避免运行时错误；
缺点：每次使用属性时都需要额外的判断逻辑，会增加少量代码量。

方案3：单独关闭strictPropertyInitialization检查 #

如果你只是不想针对这类属性做初始化检查，但又想保留其他strict模式的规则，可以在tsconfig.json中单独修改配置：

{
  "compilerOptions": {
    "strict": true,
    "strictPropertyInitialization": false
  }
}

优点：全局取消属性初始化检查，不需要修改业务代码；
缺点：会关闭所有类属性的初始化检查，可能遗漏其他属性的未初始化问题，降低了整体类型安全性。

综合来看，方案1是最接近你需求的选择，只要能保证属性在使用前被赋值，就能兼顾简洁性和类型检查的大部分优势；如果追求绝对的类型安全，方案2会更稳妥。

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