graphql-query-parser 是一个方便的 JavaScript 库，可以将 GraphQL 查询解析为易于处理的对象。在本文中，我们将探讨如何使用 graphql-query-parser，并提供一些示例代码。
安装
首先，我们需要安装 graphql-query-parser。可以使用以下命令通过 npm 安装：
npm install graphql-query-parser
如何使用
让我们看一下如何使用 graphql-query-parser。
解析 GraphQL 查询
使用 gql 解析器解析 GraphQL 查询，可以将字符串类型的 GraphQL 查询解析为一个 Javascript 对象。
-- -------------------- ---- -------
----- --- - -----------------------
----- -------------- - --------------------------------
----- ----- - ----
----- --------- -
----- -
--
----
-----
-
-
--
----- ----------- - ----------------------------
-------------------------结果将会是：
-- -------------------- ---- -------
-
----- ------------
----- --------
------- -
-
----- --------
------- -
-
----- -----
------- --
--
-
----- -------
------- --
--
-
----- --------
------- --
-
-
-
-
-获取 GraphQL 查询中所有的字段
我们也可以使用 graphql-query-parser 去获取 GraphQL 查询中所有的字段信息。
-- -------------------- ---- -------
----- --- - -----------------------
----- -------------- - --------------------------------
----- ----- - ----
----- --------- -
----- -
--
----
-----
-
-
--
----- ----------- - ----------------------------
----- ------ - --------------------------------------
--------------------结果会是：
['users.id', 'users.name', 'users.email']
获取 GraphQL 查询中所有的别名
可以使用 graphql-query-parser 去获取 GraphQL 查询中所有的别名信息。别名是指在给定 GraphQL 查询中，请求的某个字段上定义的字符串。
-- -------------------- ---- -------
----- --- - -----------------------
----- -------------- - --------------------------------
----- ----- - ----
----- --------- -
----- -
------- --
--------- ----
---------- -----
-
-
--
----- ----------- - ----------------------------
----- ------- - ---------------------------------------
---------------------结果会是：
{
userId: 'users.id',
username: 'users.name',
userEmail: 'users.email'
}示例代码
以下是一个完整的示例代码。它包括了一个简单的 GraphQL 查询，并使用 graphql-query-parser 将其解析为一个 JavaScript 对象。
-- -------------------- ---- -------
----- --- - -----------------------
----- -------------- - --------------------------------
----- ----- - ----
----- --------- -
----- -
--
----
-----
-
-
--
----- ------ - ---
----- ----------- - ----------------------------
--------------------------------------- ----------- -------------- -- -
-- ----
-- ----------------- -
--------------------------------------------------------- -- ---------------------
- ---- -
------------------------------------------------------------
-
---
-------------------------
--------------------运行上面的代码，你将会看到输出结果如下：
-- -------------------- ---- -------
-
----- ------------
----- --------
------- -
-
----- --------
------- -
-
----- -----
------- --
--
-
----- -------
------- --
--
-
----- --------
------- --
-
-
-
-
-
------------ ------------- --------------结论
graphql-query-parser 是一个非常方便的工具，可以帮助我们解析 GraphQL 查询并将其转换为易于处理的 JavaScript 对象。如果你使用 GraphQL，那么我们强烈推荐你使用 graphql-query-parser，以便更轻松地处理查询。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067341890c4f7277583683