GraphQL 是一种用于 API 的查询语言，它可以让客户端精确地指定需要获取的数据。但是，当使用 GraphQL 时，可能会出现 undefined 或 null 的情况。这是因为 GraphQL 中的查询返回的是可以为空的字段或对象。在本文中，我们将讨论出现 undefined 或 null 的处理方法，并提供示例代码。
为什么会出现 undefined 或 null
在 GraphQL 查询中，为了避免返回不必要的信息和提高网络传输效率，我们经常指定需要获取的字段和对象。但是，在指定的字段和对象中，有些字段可能为空。当服务器无法找到对应的数据时，GraphQL 会返回一个 null。而在 JavaScript 中，null 和 undefined 都代表值不存在，所以我们会看到这两个值的出现。
处理 undefined 或 null
出现 undefined 或 null 的处理方式很多，本文将介绍以下两种常用方法：
使用默认值
对于返回 null 的情况，我们可以使用默认值来替代。例如，我们可以使用以下代码：
query {
user(id: "123") {
name
age
}
}-- -------------------- ---- -------
----- ---- - -
------- -
------- --------
------ ----
-
--
----- ---- - ---------------
----- --- - ------------- -- ---在此示例中，如果 age 为 null，则 age 的值将被设置为 18。
抛出错误
有时候，我们希望在出现 undefined 或 null 时能够抛出错误。这样可以帮助我们快速定位问题所在。例如，我们可以使用以下代码：
query {
user(id: "123") {
name
age
}
}-- -------------------- ---- -------
----- ---- - -
------- -
------- --------
------ ----
-
--
----- ---- - ---------------
----- --- - --------------
-- ---- --- ----- -
----- --- ---------- -- -----------
-在此示例中，如果 age 为 null，则将抛出一个 Error。
指导意义
出现 undefined 或 null 可能会损害我们应用的可用性和性能。因此，我们应该关注这些情况并小心地处理它们。我们可以使用默认值来避免出现错误，或者抛出错误来加快问题解决速度。它们提供了更好的调试和错误追踪。记得在写代码时要小心处理 undefined 或 null。
结论
在 GraphQL 的查询中，可能会出现 undefined 或 null 的情况。出现 undefined 或 null 可能会损害应用的可用性和性能。我们可以使用默认值来避免出现错误，或者抛出错误来加快问题解决速度。在编写代码时应该小心处理 undefined 或 null。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673951e2317fbffedf1632f6