Angular 11 中的对象可能为空

Question

下面的代码给出了第 +localStorage.getItem('PID') 行的 Object is possibly null 错误：

newPropID() {
  if (localStorage.getItem('PID')) {
    localStorage.setItem('PID', String(+localStorage.getItem('PID') + 1));
    return +localStorage.getItem('PID');
  } else {
    localStorage.setItem('PID', '101');
    return 101;
  }
}

我想检查本地存储中是否有记录并存储另一条记录。我该如何解决这个问题？

Answer 1

如果将其抽象为变量，Typescript 可以推断出可能的值：

newPropID() {
  const PID = localStorage.getItem('PID');
  if (PID) {
    const updatedPID = String(+PID + 1);

    localStorage.setItem('PID', updatedPID);
    return updatedPID;
  } else {
    localStorage.setItem('PID', '101');
    return 101;
  }
}

Angular 11 中的对象可能为空

Object is possibly null in Angular 11

typescript

local-storage

angular11