GraphQL 是一种查询语言，它允许前端工程师通过 API 获取所需的数据。在 GraphQL 中，查询操作的结果总是返回 JSON 格式的数据，这使得前端工程师能够通过查询操作一次性获取所需的数据段。虽然 GraphQL 功能强大，但是它有一个严格的类型系统，如果在查询参数中传入了非 null 类型的变量，那么 API 将会抛出错误。npm 包 graphqlify-null 就是解决这个问题的利器。
什么是 graphqlify-null
graphqlify-null 是一个 npm 包，它允许前端工程师将需要传入 API 的参数进行类型转换，将非 null 变量转换为 null 类型。它是一个依赖于 graphql 的 npm 包，它可以通过将非 null 变量设置为 null，避免 API 错误。
如何使用 graphqlify-null
使用 graphqlify-null 非常简单，只需要安装它并在项目中将其引入。接下来我们将介绍具体的使用方法。
安装 graphqlify-null
使用 npm 包管理器来安装 graphqlify-null，使用以下命令即可：
npm install graphqlify-null
引入 graphqlify-null
在你项目的 JavaScript 文件中，使用以下语句引入 graphqlify-null：
const { graphqlifyNull } = require('graphqlify-null');使用 graphqlify-null
在接口中使用 graphqlify-null 有以下几个简单的步骤：
- 首先，在你的查询变量中定义需要将其非 null 变量转换为 null 的语句；
- 然后，在 graphqlifyNull 函数中将这个变量与查询语句进行结合。
比如下面的例子：
-- -------------------- ---- -------
----- ----- - -
----- --------- ---- ------ ---- -
-------- ---- ----- ------ -
--
----
-
-
--
----- ------ - -
--- ------
----- --
--
----- -------------- - ---------------------- -------在上面的例子中，我们使用 graphqlifyNull 函数将字符串 $page 转换成了 null。这样，查询变量就会被正确的传递，避免了 API 报错。
总结
graphqlify-null 是一个非常有用的 npm 包，它可以很好地解决 GraphQL API 类型系统的严格性问题。在使用 graphqlify-null 的过程中，我们需要对查询变量进行类型定义，并在 graphqlifyNull 函数中注意变量的调用方式。如果你想在 GraphQL API 查询中避免错误，那么 graphqlify-null 就是一个值得尝试的 npm 包。
示例代码
-- -------------------- ---- -------
----- - -------------- - - ---------------------------
----- ----- - -
----- --------- ---- ------ ---- -
-------- ---- ----- ------ -
--
----
-
-
--
----- ------ - -
--- ------
----- --
--
----- -------------- - ---------------------- -------
----------------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc181e8991b448e63ce