GraphQL 是一种通过 API 来查询和获取数据的新型数据库语言。相比传统的 REST API，GraphQL 拥有更高度的灵活性和可定制性，因此在前端开发方面得到了越来越广泛的应用。
GraphQL 是什么？
GraphQL 是一种用于 API 的查询语言和运行时环境。可以使用 GraphQL 来请求准确精细的数据。GraphQL 对于客户端来说，是一个完全解耦的语言。客户端可以声明它需要什么数据，GraphQL 构建数据所需的查询并返回与查询匹配的 JSON 数据。
GraphQL 基于类似于 SQL 的语法，但是需要理解 GraphQL 语言中的一些概念，以及如何构造特定的查询语句。
GraphQL 的核心概念
Schema
GraphQL 的 Schema 是定义服务器端能够查询数据的模式。Schema 中定义了可以查询的数据类型和字段，并且给出了规定约束。
Schema 告诉客户端可以请求什么数据，以及将数据请求转换成实际查询它的 GraphQL 查询。Schema 使用 GraphQL 类型系统（GraphQL Type System）和查询和变异（Query and Mutation）操作来定义 GraphQL API。
Query
GraphQL Query 是执行数据查询操作的一种语言。Query 中定义了数据的类型和从服务端获取数据的可选字段。Query 被用于在客户端指定请求，对服务器进行数据获取，比如获得一个包含文章的列表。
Mutations
与 Query 类似，Mutation 是执行服务器端更改的方法。Mutation 允许客户端请求服务端执行数据修改操作，例如创建一个文章、更新一个产品等。
Resolvers
Resolver 可以看成 GraphQL 服务器的执行器，它负责响应客户端查询与变异操作的请求。Resolver 能够理解 Schema 定义的数据类型和字段，并且在请求的时候返回给客户端所需的数据。
如何使用 GraphQL
开发者可以利用 GraphQL 在客户端与服务器端之间传输数据。在客户端或服务器端，你需要先定义相应的 Schema 和数据类型。Schema 定义了你的 GraphQL API 可供请求的数据以及它们之间的关系。
具体代码示例：
------ - -------- ----------- - ---- ----------
-- --------- - ------- ----- ------- ------ --------
----- ------ - -------------
---- ----- -
------ ------
-
---
-- --- ---- -------- - -------- -------- --- ---- --- --------
----- ---- - -
------ -- -- ------ --------
--
-- --- --- ------- ----- -- ----- -- --- ----- --- --- --------
--------------- -- ----- --- --------------------- -- -
----------------------
---在此示例中，我们首先使用 buildSchema() 创建了一个 schema 的实例，然后定义了一个 Query 类型，它有一个 Hello 字段，它的值为字符串类型。
接着我们创建了一个名为 root 的对象，其中包含了定义了一个 Hello 方法，当服务接收到 Hello 请求时，它会返回一个包含字符串 "Hello world!" 的 Promise。
最后，我们调用了 graphql() 函数来处理 Hello 请求，该函数接收三个参数：Schema、请求、Resolver 函数。调用该函数后，我们打印输出服务端返回的结果。
结论
GraphQL 是一种新型数据库语言，是一种强大而灵活的 API 模式，在前端应用方面有着广泛的应用。通过学习本文所提供的内容，你可以了解 GraphQL 核心概念及其使用方法，进而在前端应用开发中使用 GraphQL 来更加方便地查询和处理数据。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670f922d5f55128102657cbe