如何在 javascript 中处理整个项目的空值检查

项目的空值检查"/>

如何在 javascript 中处理整个项目的空值检查

BE API 正在返回数据，例如：

{
  "details": {
    "address": {
      "street": "123/4",
      "city": "Banglore"
    }
  }
}

在我们的 React 项目中，我们在多个地方像 details.address.street 一样使用它。

这是示例之一，但还有多个其他对象我们没有处理空检查。

现在因为我们要改变 BE API 对象，它会开始崩溃。

还去每个代码文件并专门处理空检查是一项更大的任务。

我想要一些关于我们如何以通用和有效的方式处理这个问题的建议。

如果需要，使用可选的链接运算符进行检查，并使用无效合并运算符作为默认值：

 response.details?.address?.street ?? 'some default value'

https://developer.mozilla/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

https://developer.mozilla/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing