VSCode中TypeScript赋值后类型推断错误，如何修复？

你的代码中，在if (!store)分支内赋值后，TypeScript仍将store推断为GlobalStore | null，这是由于控制流分析的局限导致的，除了类型断言as GlobalStore，还有以下几种更优雅的解决方式：

方案1：使用空值合并运算符（??）简化逻辑 #

直接通过空值合并运算符一次性处理赋值，TypeScript能正确推断出最终类型为GlobalStore：

let store = inject(GLOBAL_PROVIDER_KEY, null) ?? createDefaultStore();

方案2：显式指定变量类型 #

提前声明变量的目标类型，避免类型推断的歧义：

let store: GlobalStore;
const injectedStore = inject(GLOBAL_PROVIDER_KEY, null);

if (!injectedStore) {
  store = createDefaultStore();
} else {
  store = injectedStore;
}

方案3：使用非空断言（!） #

如果你能确保createDefaultStore()绝对不会返回null或undefined，可以用非空断言告诉TypeScript忽略空值可能性：

if (!store) {
  console.log(store);
  store = createDefaultStore()!;
}

方案4：使用自定义类型守卫辅助推断 #

通过自定义类型守卫明确缩小变量类型，帮助TypeScript更精准地完成推断：

function isNull(value: unknown): value is null {
  return value === null;
}

let store = inject(GLOBAL_PROVIDER_KEY, null);

if (isNull(store)) {
  store = createDefaultStore();
}

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