在现代的 Web 开发中，REST 和 GraphQL 成为了前后端数据交互的两种主流方式。两者都有各自的优缺点，开发者在实际开发中应能够根据需求灵活选择使用哪种方式。
REST
REST（Representational State Transfer，表现层状态转移）是一种基于 HTTP 协议，对资源进行增删改查的标准化接口。REST 最大的优点是简单易懂，很容易上手，可以快速实现前后端数据交互。REST 的请求方式和返回格式都很统一，所以兼容性好，适用范围广泛。
REST 的请求方式有 GET、POST、PUT、DELETE 四种，它们分别代表获取资源、新增资源、更新资源和删除资源。同时，REST 的请求路径也很规范，通常由 资源路径 和 参数 以及 查询条件组成。
REST 的响应格式通常为 JSON 格式，其中包含了相关的资源信息和状态码。开发者可以根据状态码来判断本次请求的情况，并根据响应内容提交用户界面或业务逻辑。
以下是一个简单的 REST 接口请求示例：
-- -------------------- ---- -------
------------------------ -
------- ------
-------- -
--------------- ------------------
-
--
-------------- -- -
-- ---------------- --- ---- -
------ ----------------
- ---- -
----- --- -------------- ---------
-
--
---------- -- -
-- ---------
--
------------ -- -
---------------------
---GraphQL
GraphQL 是一种由 Facebook 开发的数据查询和操作语言，它提供了一种描述服务端数据的方式，以及一种可预测、强类型、客户端驱动的 API。GraphQL 的最大优点是强大的查询能力，在性能、灵活度等方面有很大的优势。
GraphQL 可以让客户端指定需要的数据，而不是像 REST 那样需要服务器返回全部数据。因此，GraphQL 可以减少带宽的消耗，提升前端性能，降低开发成本。
GraphQL 的请求方式有 POST 一种，这种方式与 REST 的 GET、POST、PUT、DELETE 不同。GraphQL 的请求体是一个包含查询（query）、变量（variables）、操作名（operationName）等字段的 JSON 对象，也就是说我们可以根据需要构造一个查询和多个变量。GraphQL 的响应格式也为 JSON 格式，其中包含了查询结果和错误信息。
以下是一个简单的 GraphQL 接口请求示例：
-- -------------------- ---- -------
----------------- -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
------ -
----- ------------ ---- -
-------- ---- -
----
---
------
-
-
--
---------- -
--- ---
-
--
--
-------------- -- -
-- ---------------- --- ---- -
------ ----------------
- ---- -
----- --- -------------- ---------
-
--
---------- -- -
-- ---------
--
------------ -- -
---------------------
---如何选择？
那么如何选择使用 REST 还是 GraphQL 呢？实际上，REST 和 GraphQL 都有自己的适用场景。
如果数据结构比较简单，请求和响应的格式也较为统一和规范，那么使用 REST 是一个比较好的选择。REST 可以很好地支持增删改查等基本操作，并且具有兼容性广、易上手等优点。
而如果数据结构比较复杂，需要进行数据过滤、排序等操作，或者需要从多个资源中获取或修改数据，那么使用 GraphQL 就更加合适。GraphQL 可以根据客户端的需要来定制数据结构，减少带宽的消耗，提高前端性能。
同时，在实际开发中，REST 和 GraphQL 并不是互斥的关系，我们可以根据具体的需求来灵活选择使用哪种方式。例如，对于前后端分离的项目，我们可以在一些简单的页面中使用 REST，而在一些复杂的页面中使用 GraphQL。
总结
REST 和 GraphQL 都有自己的优缺点，在选择使用方式的时候需要根据具体的需求和场景进行权衡。REST 简单易用，适用于数据量较小的应用场景，而 GraphQL 具有强大的查询能力，适用于数据结构比较复杂、需要进行多次查询的场景。在实际开发中，我们可以根据需求灵活选择使用 REST 或 GraphQL，实现高性能的前后端数据交互。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481ac7d48841e9894128ec4