GraphQL 是一种新兴的查询语言，它可以帮助前端开发人员更轻松地获取后端数据。在本文中，我们将深入探讨 GraphQL 的七个核心概念，帮助您学习和理解 GraphQL，并为您提供指导意义。
1. Schema
Schema 是 GraphQL 的核心概念之一。它是一个定义类型和查询的集合。Schema 中定义了所有可用的类型以及它们的字段。这些类型可以是自定义类型或者是 GraphQL 内置的标量类型。
以下是一个简单的 Schema 示例：
type Query {
hello: String
}这个 Schema 定义了一个名为 Query 的类型，该类型有一个名为 hello 的字段，类型为 String。
2. Type
Type 是 GraphQL 中的另一个核心概念。它用于定义数据模型。GraphQL 中有两种类型：标量类型和自定义类型。
标量类型是 GraphQL 内置的类型，它们包括 Int、Float、String、Boolean 和 ID。
自定义类型是我们自己定义的类型。以下是一个自定义类型的示例：
type User {
id: ID!
name: String!
email: String
age: Int
}这个自定义类型定义了一个名为 User 的类型，该类型有四个字段：id、name、email 和 age。其中，id 和 name 是必需的字段，而 email 和 age 是可选的。
3. Query
Query 是 GraphQL 中的一个核心概念，用于定义可查询的字段。例如，我们可以定义一个名为 getUser 的查询，该查询将返回一个 User 类型的对象：
type Query {
getUser(id: ID!): User
}这个查询定义了一个名为 getUser 的查询，它需要一个 id 参数，并返回一个 User 类型的对象。
4. Mutation
Mutation 也是 GraphQL 中的一个核心概念，用于定义可变更的字段。例如，我们可以定义一个名为 createUser 的 Mutation，该 Mutation 将创建一个新的用户：
type Mutation {
createUser(name: String!, email: String!, age: Int): User!
}这个 Mutation 定义了一个名为 createUser 的 Mutation，它需要 name 和 email 参数，并返回一个创建的 User 对象。
5. Resolver
Resolver 是 GraphQL 中的一个核心概念，用于解析查询和 Mutation。Resolver 将接收查询和 Mutation，并返回数据。
以下是一个 Resolver 的示例：
-- -------------------- ---- -------
----- --------- - -
------ -
-------- -------- - -- -- -------- ----- -- -
-- -------- ---- --
-
--
--------- -
----------- -------- - ----- ------ --- -- -------- ----- -- -
-- --------- ---- --
-
-
--这个 Resolver 定义了一个名为 getUser 的查询和一个名为 createUser 的 Mutation。这些 Resolver 将接收参数，并返回相应的数据。
6. Fragment
Fragment 是 GraphQL 中的一个核心概念，用于重用查询的部分。Fragment 允许我们定义一次查询，并在多个位置重用它。
以下是一个 Fragment 的示例：
fragment UserFields on User {
id
name
email
}这个 Fragment 定义了一个名为 UserFields 的 Fragment，它包含 User 类型的对象的三个字段：id、name 和 email。
7. Directives
Directives 是 GraphQL 中的一个核心概念，用于在查询中添加条件逻辑。Directives 允许我们根据查询参数的不同，返回不同的数据。
以下是一个 Directives 的示例：
query getUsers($withEmail: Boolean!) {
users {
id
name
email @include(if: $withEmail)
}
}这个查询定义了一个名为 getUsers 的查询，它接收一个名为 withEmail 的参数，并根据该参数决定是否返回 email 字段。
结论
GraphQL 是一个强大的查询语言，它可以帮助前端开发人员更轻松地获取后端数据。在本文中，我们深入探讨了 GraphQL 的七个核心概念：Schema、Type、Query、Mutation、Resolver、Fragment 和 Directives。这些概念可以帮助您更好地理解和学习 GraphQL，并为您提供指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6726f58a2e7021665e1bce1a