在现代的 web 应用中，对象之间的关系变得越来越复杂。例如，一个出售商品的商店可能会有许多不同的商品，其中每个商品可能会有多个大小、颜色、类型等变体。在以前，为了处理这种情况，我们需要在后端编写各种不同的查询，并将它们复合在一起。但是在 GraphQL 中，这样的操作变得非常容易。
处理一对多关系
让我们从一个简单的例子开始：一个作者和他们的书籍。我们可以使用 GraphQL 的对象类型来表示这个关系：
-- -------------------- ---- ------- ---- ------ - --- --- ----- ------- ------ -------- - ---- ---- - --- --- ------ ------- ------- ------- -
在这里，我们使用 Author 对象类型来表示一个作者，其中包含一个书籍的数组。对于每本书，我们通过 author 字段将其连接到一个作者。
现在，我们可以使用像以下这样的 GraphQL 查询来获取一个作者及他们的书籍：
-- -------------------- ---- -------
----- -
---------- ---- -
--
----
----- -
--
-----
-
-
-这将返回一个 JSON 响应，其中包含作者的 ID、姓名以及一个包含他们书籍的 ID 和标题列表。
处理多对多关系
在更复杂的情况下，我们可能会有许多关系，例如一个社交网络中的用户、朋友和帖子。这些关系可能会是多对多的。例如，一个用户可能会有多个朋友和许多帖子，而一个帖子也可能会有多个用户和评论。
在 GraphQL 中，我们可以使用连接类型来表示这样的关系。例如：
-- -------------------- ---- ------- ---- ---- - --- --- ----- ------- -------- -------- ------ -------- - ---- ---- - --- --- ------ ------- ------- ----- --------- ----------- - ---- ------- - --- --- ----- ------- ------- ----- ----- ----- -
在这里，我们使用 User、Post 和 Comment 对象类型来表示不同的实体，并使用数组字段 friends、posts 和 comments 来表示它们之间的关系。例如，User 对象类型有一个用于存储朋友列表的 friends 字段，每个 User类型的对象都可以连接到其他的 User 类型。而 Post 对象类型有一个用于存储评论列表的 comments 字段，每条 Post 类型的对象都可以连接到多个 User 类型的对象。
我们可以使用以下 GraphQL 查询来检索一个用户及他们的朋友和帖子：
-- -------------------- ---- -------
----- -
-------- ---- -
--
----
------- -
--
----
-
----- -
--
-----
-------- -
--
----
------ -
--
----
-
-
-
-
-这将返回包含用户 ID、姓名、朋友列表和帖子列表的 JSON 响应。在列表中，每个 User 或 Post 对象都包含其 ID、名称、标题等信息。
加载嵌套数据
在 GraphQL 中，如果我们必须查询一个对象，然后查询与其关联的其他对象，这将是十分低效的。为了解决这个问题，GraphQL 允许我们定义嵌套查询，从而可以一次性地检索所有相关数据。
例如，我们可以使用以下 GraphQL 查询来获取一个具有所有嵌套数据的作者和他们的书籍：
-- -------------------- ---- -------
----- -
---------- ---- -
--
----
----- -
--
-----
-------- -
--
-----
----- -
--
----
-
-
-
-
-在这里，我们在 books 查询中嵌套了 chapters 和 pages 查询，从而一次性地获取了所有的书籍、章节和页。这将返回一个包含所有嵌套数据的 JSON 响应，以便我们可以轻松地操作它。
结论
在 GraphQL 中处理复杂的对象关系并不困难，只需要正确定义连接类型并使用嵌套查询即可。这种方法使我们能够轻松地查询和操作多个对象之间的关系，并以非常有效的方式获取数据。因此，在设计和实现 web 应用时，GraphQL 可以是一个非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f7ce1cc5c563ced5abcfa8