TypeScript报错Type 'true' is not assignable to type 'null'(2322)，无需创建接口如何延迟初始化临时变量的属性？

当然可以实现！你遇到的问题是TypeScript根据初始值自动推断出model.baz的类型是null，所以后续赋值true会触发类型不匹配的错误。下面给你几种不需要定义接口的解决方案：

方案1：给整个对象做类型断言 #

直接在定义model时，通过类型断言告诉TypeScriptbaz的类型可以是boolean | null：

const model = { foo: true, bar: false, baz: null } as { 
  foo: boolean; 
  bar: boolean; 
  baz: boolean | null 
};

if (true) {
  model.baz = true; // 不再报错
}

这种方式直接明了，适合临时变量的场景，不需要额外定义接口。

方案2：给单个属性做类型拓宽 #

在初始化baz的时候，用类型断言拓宽它的类型范围：

const model = { 
  foo: true, 
  bar: false, 
  baz: null as boolean | null 
};

if (true) {
  model.baz = true; // 正常通过类型检查
}

这种方式更聚焦于单个属性，代码更简洁，适合只需要调整少数属性类型的情况。

方案3：使用let和类型推断（可选） #

如果可以把const改成let，也可以通过重新赋值让TypeScript自动拓宽类型，但这种方式不如前两种直接：

let model = { foo: true, bar: false, baz: null };
model = { ...model, baz: true }; // 这里会自动推断baz的类型为boolean | null

if (true) {
  model.baz = false; // 后续赋值也没问题
}

不过这种方式需要先重新赋值一次，不如前两种高效，适合需要多次调整属性类型的场景。

这些方法都不需要创建单独的接口，完美适配你临时变量的需求～

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