GraphQL 是一种用于 API 的查询语言，它是由 Facebook 开发的。与传统的 RESTful API 不同，GraphQL 允许客户端指定返回的数据结构，从而避免了过度或不足的数据传输。GraphQL 还具有强大的类型系统和模式定义，使得数据查询和修改变得更加直观和可靠。
在 GraphQL 中，Union 和 Interface 是两种处理复杂数据查询的重要工具。它们可以帮助我们定义数据类型之间的关系，并在查询时进行类型转换和筛选。
Union
Union 可以将多个类型组合成一个类型，用于表示一个字段可以返回多种可能的类型。例如，假设我们有一个查询，可以返回多个类型的电影数据：
-- -------------------- ---- -------
----- -
------------------- ----------- -
--- -- ----- -
-----
-----------
-
--- -- ------ -
-----
------------
-
--- -- ----------- -
-----
-----------
--------
-
-
-在这个查询中，我们使用了 ... on 语法来指定每个类型的字段。这样，当查询返回的结果是电影、电视节目或纪录片时，我们都可以正确地处理它们。
在 GraphQL 的模式定义中，我们可以使用 union 关键字来定义一个 Union 类型。例如，下面的代码定义了一个电影数据类型的 Union：
union MovieData = Movie | TVShow | Documentary
在这个定义中，我们将 Movie、TVShow 和 Documentary 类型组合成一个 MovieData 类型。这样，我们就可以使用 MovieData 类型来表示一个可以返回多个类型的电影数据。
Interface
Interface 可以定义一组字段，用于描述一个对象的属性和方法。其他类型可以实现这个接口，从而继承这些字段。例如，假设我们有一个查询，可以返回不同类型的人员数据：
-- -------------------- ---- -------
----- -
------------------- ------- -
----
---
--- -- ----- -
------ -
-----
-----------
-
-
--- -- -------- -
------ -
-----
-----------
-
------
-
-
-在这个查询中，我们使用 ... on 语法来指定每个类型的字段。这样，当查询返回的结果是演员或导演时，我们都可以正确地处理它们。
在 GraphQL 的模式定义中，我们可以使用 interface 关键字来定义一个 Interface 类型。例如，下面的代码定义了一个人员数据类型的 Interface：
interface Person {
name: String!
age: Int
movies: [Movie!]!
}在这个定义中，我们定义了一个 Person 接口，它包含三个字段：name、age 和 movies。其他类型可以实现这个接口，从而继承这三个字段。
例如，下面的代码定义了一个 Actor 类型，它实现了 Person 接口：
type Actor implements Person {
name: String!
age: Int
movies: [Movie!]!
}在这个定义中，我们使用 implements 关键字来实现 Person 接口。这样，Actor 类型就继承了 Person 接口的三个字段。
示例代码
下面是一个完整的示例，演示了如何使用 Union 和 Interface 处理复杂数据查询：
-- -------------------- ---- ------- ---- ----- - ------ ------- ------------ ------- - ---- ------ - ------ ------- ------------- ------- - ---- ----------- - ------ ------- ------------ ------- --------- ------- - ----- --------- - ----- - ------ - ----------- --------- ------ - ----- ------- ---- --- ------- ------------- - ---- ----- ---------- ------ - ----- ------- ---- --- ------- ------------- - ---- -------- ---------- ------ - ----- ------- ---- --- ------- ------------- ------- ---------- - ---- ----- - ------------------- --------- ------------- ------------------- --------- ---------- -
在这个示例中，我们定义了 Movie、TVShow 和 Documentary 类型，它们分别表示电影、电视节目和纪录片。我们还定义了一个 MovieData Union 类型，它可以表示这三个类型的任意一种。
我们还定义了一个 Person Interface 类型，它包含 name、age 和 movies 三个字段。Actor 和 Director 类型都实现了 Person 接口，它们都包含这三个字段。
最后，我们定义了一个 Query 类型，它包含两个查询：searchMovies 和 searchPeople。它们分别可以返回电影数据和人员数据。
总结
Union 和 Interface 是 GraphQL 中处理复杂数据查询的重要工具。Union 可以将多个类型组合成一个类型，用于表示一个字段可以返回多种可能的类型；Interface 可以定义一组字段，用于描述一个对象的属性和方法，其他类型可以实现这个接口，从而继承这些字段。
在实际开发中，我们可以根据业务需求来灵活使用 Union 和 Interface，从而提高数据查询和处理的效率和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f28e832b3ccec22fb21249