前置知识
在了解 npm 包 graphql-anyscalar 的使用方法前，需要对以下的知识点有一定的了解：
- GraphQL
- 自定义 Scalar
- JavaScript 的类和继承
什么是 graphql-anyscalar
graphql-anyscalar 是一个 npm 包，可以帮助我们轻松地创建自定义的 Scalar 类型。在 GraphQL 中，Scalar 类型是最基础的类型，它表示数据的单个值，GraphQL 拥有如下的标准 Scalar 类型：
- Int：整数类型
- Float：浮点数类型
- String：字符串类型
- Boolean：布尔类型
- ID：ID 类型
除此之外，GraphQL 还支持自定义 Scalar 类型，可以用于表示特殊的数据类型。graphql-anyscalar 就是来帮助我们创建自定义 Scalar 类型的。
如何使用 graphql-anyscalar
首先，在你的项目中安装 graphql-anyscalar：
npm install graphql-anyscalar
接下来，我们将展示基于 graphql-anyscalar 创建一个日期类型的示例。
创建日期类型
我们可以运用 graphql-any-scaler 提供的 GraphQLScalarType 类来创建自定义 Scalar 类型。下面是一个日期类型的 Scalar：
-- -------------------- ---- -------
----- - ----------------- - - -------------------
----- - --------------- - - ----------------------------
----- ------------- - -----------------------------
----- ---------- ------- ------------- -
----------------- ------------ ----------- -
----- ------------------ - -
-----
------------
---------------- -
------ ----------------------------- -------------
--
----------------- -
------ ----------------------------------
--
----------------- -
-- --------- --- ------------ -
------ --------------------------------- ----
-
------ -----
--
--
--------------------------------------- ---------------
-
-上面这个类继承了 AnyScalarType，其中的构造函数接收三个参数：
- name: Scalar 类型的名称。
- description: Scalar 类型的描述。
- validateFn: 校验函数，用于校验 Scalar 类型的值是否合法。
在构造函数内部，我们使用 GraphQLDateTime（也是一个自定义 Scalar 类型）来序列化和解析日期数据，并且用 parseLiteral 方法将字符串 AST 解析为日期类型。
使用日期类型
将我们自己创建的日期 Scalar 类型添加到 GraphQL Schema 定义中。例如：
-- -------------------- ---- -------
----- ----- - -------------------------
----- ---------- - ------------------------
----- -------- - ----
------ ----
---- ---- -
--- ---
----- ------
---------- -----
---------- -----
-
---- ----- -
----------- ----- ----
-
--
----- --------- - -
----- --- ------------------ ---------- ----- -- ----- ---------- ------
------ -
-------- --- - -- -- -- -
-- -----------
-
-
--在解析器中，我们将 DateScalar 的实例添加到了 resolvers 对象中，将它作为 Schema 中的自定义 Scalar 类型。
至此，我们就完成了所需步骤。现在我们就可以在我们的查询中使用日期类型了：
query {
getUser(id: "1") {
id
name
createdAt
updatedAt
}
}当查询中的 createdAt 或 updatedAt 字段被解析时，GraphQL 会将序列化后的日期值转换为字符串值，然后将其传递给客户端。
总结
graphql-anyscalar 使得我们能够轻易地创建 Scalar 类型，这在许多情况下可以非常有用。本文介绍了使用 graphql-anyscalar 的方法，并编写了一个日期类型的示例。在实践中，你可以根据自己的需求来创建更多自定义的 Scalar 类型来解决不同的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ead81e8991b448dc2c3