什么是 GraphQL Fragment？
在 GraphQL 中，查询可以很复杂，需要从多个嵌套数据源中获取数据。为了方便查询，GraphQL 提供了 Fragment 模式，使得可以将一些相同或相似的字段集合起来，作为一个单独的单元重复使用。
通过使用 Fragment，开发者可以减少冗长的代码，同时提高 GraphQL 请求的速度和性能。
Fragment 的使用
定义 Fragment
定义 Fragment 很简单，只需要使用 fragment 关键词和 Fragment 名称来定义即可。在 Fragment 中，可以指定需要查询的字段和类型。
例如：
fragment UserFragment on User {
id
name
email
}上面的代码定义了一个名为 UserFragment 的 Fragment，包含查询 User 数据类型的 id、name 和 email 字段。
使用 Fragment
在 GraphQL Query 中使用 Fragment 也很简单，只需要在 Query 中引用 Fragment 名称即可。
例如：
-- -------------------- ---- -------
----- -------- -
---- ---- ---- -
---------------
-
-
-------- ------------ -- ---- -
--
----
-----
-上面的代码中，查询了 id 为 1 的用户信息，引用了之前定义的 UserFragment。
Fragment 的优势
减少重复代码
Fragment 可以重复使用，可以避免在查询中重复定义相同的字段，减少冗长的代码。
提高性能
当在多个查询中使用 Fragment 时，GraphQL 可以利用缓存和优化策略，显著提高查询性能和速度。
方便维护和扩展
使用 Fragment 可以将查询字段集合成模块化的代码单元，便于维护和扩展。
Fragment 应用场景
Fragment 适用于复杂查询场景，例如：
- 查询多个关联对象（嵌套查询）时；
- 查询相同或相似的一组字段时；
- 查询多组相同或相似的字段时。
示例代码
下面是一个使用 Fragment 的示例代码：
-- -------------------- ---- -------
----- -------- -
---- ---- ---- -
---------------
-
-
----- --------- -
----- ---- ---- -
----------------
-
-
-------- ------------ -- ---- -
--
----
-----
-
-------- ------------- -- ----- -
--
-------- -
---------------
-
-----
---------
-上面的代码中，定义了两个查询和两个 Fragment。UserFragment 中定义了 id、name 和 email 三个字段，OrderFragment 中定义了 id、total 和 createdAt 三个字段以及 customer（客户）字段，客户字段引用了 UserFragment。
总结
使用 Fragment 可以提高 GraphQL 的查询性能和代码可读性，避免了重复定义相同的字段，同时可以方便维护和扩展查询代码。在 GraphQL 查询复杂的场景下，使用 Fragment 是非常有用和必要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651b332095b1f8cacd2e871f