在 web 开发中，REST 是一种常用的 API 风格。但是，近年来，GraphQL 也逐渐崭露头角，成为了一个备受关注的选择。那么，它们有哪些不同？下面，我们就来一一探究。
RESTful API
REST（Representational State Transfer）是目前 web API 中最广泛应用的一种风格。它的特点是无状态、基于 HTTP 和 CRUD 操作。RESTful API 根据资源进行设计，使用 HTTP 请求方法 GET、POST、PUT、DELETE 等，对资源进行增、删、改、查等操作。
下面是一个示例：
GET /articles # 获取文章列表 GET /articles/1 # 获取 ID 为 1 的文章详情 POST /articles # 创建新文章 PUT /articles/1 # 修改 ID 为 1 的文章 DELETE /articles/1 # 删除 ID 为 1 的文章
RESTful API 的优点是简单易懂，易于实现和使用。它可以横跨多种平台和语言，支持缓存、并发等高级特性。但是，RESTful API 也有它的缺点。
RESTful API 的一个问题就是 over-fetching 和 under-fetching。如果客户端需要的只是一个字段或者几个字段，RESTful API 可能会返回整个对象，造成了资源的浪费。另外，对于一些复杂场景，RESTful API 中需要多次调用不同的资源路径才能完成一个请求，这也容易造成资源的浪费。
GraphQL
GraphQL 是一种数据查询语言和运行时。它被用来从服务器获取数据，并可以代替 RESTful API，提供更高效、强大和灵活的 API。
GraphQL 的特点是支持客户端定制化数据，无需通过多次请求服务器来获得自己需要的数据。客户端可以请求所需的字段，并提供命名参数，GraphQL 会返回请求的结果。
下面是一个示例：
-- -------------------- ---- -------
----- -
-------- -
--
-----
------ -
----
-
-
-这个查询将返回所有文章的 ID、标题和作者名称。查询语句完全由客户端定义，并由服务器执行。
除此之外，GraphQL 还有一些优点。它支持多端数据查询，如 web、iOS、Android 等，可以在不影响服务器端表现的情况下满足不同客户端的需求。还能避免 over-fetching 和 under-fetching 问题，使数据传输更加高效。
GraphQL 和 RESTful API 的比较
以下是 GraphQL 和 RESTful API 的对比：
- 定制化：GraphQL 允许客户端指定需要返回的数据，而 RESTful API 必须返回整个数据对象。
- 性能：GraphQL 的定制化特性可以避免 over-fetching 和 under-fetching 问题，减少数据传输量，提高性能。而 RESTful API 可能出现数据传输量过大或过小的问题，需要进行优化。
- 数据结构：GraphQL 使用高级数据结构，比如联合类型和接口、枚举等，可以更加描述复杂的数据结构。而 RESTful API 更加注重资源和 CRUD 操作，对于一些复杂数据结构的查询需要多次访问，效率较低。
怎样选择？
GraphQL 和 RESTful API 有各自的优点和适用场景，选择哪种取决于项目需要。
如果你需要一个简单易懂的 API，并且在服务端和客户端都使用同一种语言，则 RESTful API 可以胜任。RESTful API 可以最大限度的利用 HTTP 协议，许多现成的web开发框架都提供了对 RESTful API 的支持。 RESTful API 对于 CRUD 操作、图片上传下载等场景，RESTful 依然是首选。
如果你需要一个个性化的 API，客户端需要不同的数据类型、客户端使用不同的语言，则 GraphQL 是一种更好的选择。GraphQL 的优点是可以弥补 RESTful API 的缺点，共同实现高效而灵活的 API。
总之，GraphQL 和 RESTful API 虽然有不同的特点和适用场景，但它们的本质是一样的，都是客户端与服务器之间传输数据。因此，选择哪种 API 风格，应该根据项目实际需求，考虑各自的优缺点，以及在项目中能够获得的最佳效果。
结论
GraphQL 和 RESTful API 均有自己的优点和适用场景。RESTful API 简单易懂，易于使用，对于 CRUD 操作、图片上传下载等场景，RESTful 依然是首选。GraphQL 支持客户端定制化数据，无需通过多次请求服务器，可以提供更高效、强大和灵活的 API。如何选择 API 风格，需要根据项目实际需求，考虑各自的优缺点，以及在项目中能够获得的最佳使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677383b96d66e0f9aae40614