GraphQL 是一种新兴的数据查询语言，被认为是未来 Web 开发中的重要技术之一。它的一个重要特性是能够通过一个请求一次性获取多个相关的数据，相比于 REST 风格的 API，能够更快、更精准地获取需要的数据。
在 GraphQL 中实现递归查询也很常见，特别是在处理关系型数据时。比如我们需要查询一个部门的所有下属部门及员工信息，这时就需要用到递归查询了。本文将详细介绍如何在 GraphQL 中实现数据的递归查询。
基本概念
在 GraphQL 中，每一次数据查询都需要定义一个查询语句，这个查询语句称为 GraphQL 查询。它有如下基本结构：
-- -------------------- ---- -------
----- -
---------- -
-------------
-------------
---
-
---------- -
-------------
-------------
---
-
---
-query表示这是一个查询操作fieldName1/2/...表示需要查询的字段名subFieldName1/2/...表示每个字段需要查询的子字段名
一个查询语句可以包含多个字段，每个字段都可以有自己的子字段。如果某个字段需要传入参数，也可以在字段名后面加上参数列表，例如：
query {
user(id: "123") {
name
age
}
}这个查询语句将会查询 id 为 123 的用户的姓名和年龄。
实现递归查询
要实现递归查询，我们需要使用 GraphQL 中的自定义类型。自定义类型需要用 type 关键字定义，其基本结构如下：
type MyType {
field1: Type1
field2: Type2
...
}这里的 MyType 是我们自己定义的类型名，field1 和 field2 是该类型的字段名，Type1 和 Type2 则是该字段所对应的类型。在递归查询中，我们可以定义一个类型，用来表示某个节点及其所有子节点的信息。比如，我们可以定义一个 Department 类型，包含该部门的名称、员工列表以及所有下属部门的 Department 类型：
type Department {
name: String!
employees: [Employee]!
subDepartments: [Department]!
}这个类型包含了三个字段，分别是 name、employees 和 subDepartments。其中，name 是字符串类型，表示部门名称，employees 是 Employee 类型的数组，表示该部门所有的员工，subDepartments 是 Department 类型的数组，表示该部门所有的下属部门。
可以注意到，subDepartments 字段是一个数组类型，并且它的元素也是 Department 类型，这就实现了递归查询。如果我们传入一个部门 ID，就可以查询该部门及其所有子部门的员工信息。
下面是一个实现递归查询的示例代码：
-- -------------------- ---- -------
---- ----- -
-------------- ----- ----------
-
---- ---------- -
--- ---
----- -------
---------- -----------
--------------- -------------
-
---- -------- -
--- ---
----- -------
---- ----
-
- --------------------
----- -
-------------- ------ -
----
--------- -
--
----
---
-
-------------- -
----
--------- -
--
----
---
-
-------------- -
---
-
-
-
-这个示例代码中，我们定义了一个 Query 类型，包含一个 department 字段，用于查询指定 ID 的部门信息。部门信息的类型是 Department，包含一个 id 字段、一个 name 字段、一个 employees 字段和一个 subDepartments 字段。其中，employees 和 subDepartments 字段都是数组类型，而且元素也是 Employee 和 Department 类型，这就实现了递归查询。
在实际应用中，我们可能需要更复杂的查询逻辑，但是基本原理都是类似的。通过定义自定义类型，将数据递归组织起来，就可以实现数据的递归查询。
总结
本文介绍了如何在 GraphQL 中实现数据的递归查询。递归查询可以让我们一次性获取整个数据层级，省去了多次请求的繁琐过程，并且能够更准确地获取需要的数据。通过定义自定义类型，将数据递归组织起来，就可以实现数据的递归查询。希望这篇文章能对理解 GraphQL 和实现递归查询有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648a7ef148841e98948a1287