Typescript strictNullChecks 错误时不可能

Question

我正在尝试为我的项目打开 strictNullChecks 设置，但在以下 sn-p 代码中有一个相当奇怪的错误：

toasters.forEach((toster: ToasterObject) => {
  if (toaster.brandName) {
    //This line works just fine
    let y = toaster.brandName.toLowerCase() === 'test brand name';

    //This line has the error
    if (!itemsArray.some(item => item.brandName.toLowerCase() === toaster.brandName.toLowerCase())) {
        //do stuff
    }
  }
});

错误消息在 if 语句中带有下划线 toaster.brandName 并带有以下错误文本：error TS2532: Object is possibly 'undefined'. 如果对象可以在上面的 y = 行上使用，为什么在 if 语句中使用会出现问题?我该如何解决这个问题，这样它就不会出错了？

Answer 1

控制流分析是hard。这里的问题是编译器不知道是否或何时或如何调用回调。因此，toaster.brandName 从（大概）string | undefined 到 string 的缩小在 array.some() 回调中不再有效。如果您想帮助编译器，您应该将已知定义的 toaster.brandName 值分配给 const，编译器希望它始终保持相同的窄类型：

toasters.forEach((toster: ToasterObject) => {
  if (toaster.brandName) {
    const toasterBrandName = toaster.brandName; // string, now and forever

    if (!itemsArray.some(item => item.brandName.toLowerCase() === toasterBrandName.toLowerCase())) {
        //do stuff
    }
  }
});

希望有所帮助；祝你好运！