GraphQL 是一种用于构建 API 的查询语言，它提供了一种高效、强类型、可扩展的方式来描述数据的结构和关系。与传统 API 不同，GraphQL 允许客户端指定需要的数据，并且只返回它们需要的数据。因此它逐渐成为前端开发中越来越受欢迎的技术。在本文中，我们将学习如何处理 GraphQL 的查询参数。
查询参数
在 GraphQL 中，查询参数指的是查询字段所需的输入参数。一般来说，只有在需要从服务器中检索特定数据时，才需要使用它们。
基础用法
在 GraphQL 中，可以通过在查询字段后加括号来指定参数。例如，我们可以通过以下方式查询具有特定 ID 的用户信息：
query {
user(id: 123) {
name
email
}
}这里的 id 就是一个查询参数，它表示需要检索的用户 ID。对应的 user 字段返回了计算机系统中表示用户的对象。
默认值
如果一个参数是可选的，可以为其设置一个默认值。这可以通过在参数声明中指定默认值来完成。例如，我们可以为用户的 type 参数设置默认值：
query {
user(id: 123, type: "normal") {
name
email
}
}这里的 type 参数是可选的，如果不传递它的话，它的默认值将是 "normal"。这种方法可以让我们在不指定参数的情况下，从服务器中检索指定类型的用户信息。
枚举类型
在 GraphQL 中，可以定义一个有限的值域，从而限制参数的输入值。这个有限的值域通常称为枚举类型。例如，我们可以将用户的 type 参数定义为枚举类型：
-- -------------------- ---- -------
---- -------- -
------
-----
-
----- -
-------- ---- ----- ------- -
----
-----
-
-这里我们定义了一个名为 UserType 的枚举类型，并为其定义了两个值，分别是 NORMAL 和 ADMIN。然后我们将这个类型作为 type 参数的类型。这意味着，如果我们在查询时传递无效值，将会得到一个错误。如下：
query {
user(id: 123, type: "invalid") {
name
email
}
}这里我们传递了一个无效的字符串类型值。由于类型不匹配，将会得到一个错误。
复杂参数
有时候，可能需要为 GraphQL 查询参数定义一个复杂的类型。在这种情况下，可以使用一个输入对象类型来代替单个参数。例如，我们可以定义一个名为 UserFilter 的输入对象类型：
-- -------------------- ---- -------
----- ---------- -
--- --
----- ------
----- --------
-
----- -
------------- ---- ---- ----- ------- -
----
-----
-
-这里我们定义了名为 UserFilter 的输入对象类型，并为其定义了 id、name、type 这几个属性。现在我们可以将这个类型作为 filter 参数的类型。同样地，我们也可以把其他类型属性作为复杂参数。这种方法使得我们可以更灵活地定义多个输入参数。
操作名
最后，让我们学习一个 GraphQL 的最基本概念，那就是操作名。您可以将 GraphQL 查询分为查询(query)和变更(mutation)两个类别，而操作名(operation name)可以为查询或变更定义一个名称。
query userById { # 操作名为userById
user(id: 123) {
name
email
}
}mutation updateUser {
updateUser(id: 123, name: "Jack") {
name
}
}这里我们定义了一个名为 userById 的操作名。它可以让我们更清晰地组织查询和变更，并通过名称引用它们。
小结
本文介绍了如何处理 GraphQL 的查询参数，探讨了默认值、枚举类型、复杂参数和操作名等相关概念。对于那些刚刚开始学习 GraphQL 的人来说，掌握这些概念非常重要，因为它们都是基本的查询构造块。希望本文可以提供一些指导和帮助，为您走上学习 GraphQL 之路打下坚实的基础。
示例代码
为了更好地帮助您理解本文的概念，下面是一些示例代码，您可以直接复制到您的 GraphQL 应用程序中进行测试：
-- -------------------- ---- ------- - ------ ---- ---- - --- --- ----- ------- ------ ------- ----- --------- - - ------------ ---- ----- - -------- ---- ----- -------- - -------- ----- ------------- ------------ ------- - - ----------- ---- -------- - -------------- ---- ----- -------- ------ -------- ----- - - --------- ---- -------- - ------ ----- - - ------ ----- ---------- - --- -- ----- ------ ----- -------- -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6782bfff935627c9001a8994
