TypeScript数组函数内null检查异常问题求助

你遇到的是TypeScript类型收窄的常见限制：开头的非空检查只在当前同步作用域内有效，但find方法的回调函数是独立的函数作用域。TypeScript无法保证回调执行时，外部代码没有把props.object重新赋值为null，因此不会将回调内的props.object类型自动收窄为FooObject。

而直接在当前作用域访问props.object.property1时，因为是同步执行，TypeScript能确认此时props.object已非空，所以类型收窄生效。

最稳妥且符合TypeScript类型系统设计的方案是，将props.object提前赋值给局部变量，让类型收窄固化在这个变量上：

const myFunction = () => {
    const targetObj = props.object;
    if (!targetObj) return;
    if (someCondition) {
      // 这里targetObj的类型已被确定为FooObject，不会再触发null报错
      return randomArray.items.find(item => item.id === targetObj.someID)
    }
    // 后续代码也可直接使用targetObj，无需重复检查
    ...
}

局部变量targetObj在非空检查后，类型会被永久收窄为FooObject，回调函数捕获的是这个变量而非原始的props.object，TypeScript能完全确保它不会变为null，也就不会再抛出类型错误。

这种方案比使用!非空断言更安全（不会绕过真实的null风险），也比重复写&&检查更简洁。

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