{"id":15509688,"url":"https://github.com/willin/dataloader","last_synced_at":"2025-03-28T19:17:46.128Z","repository":{"id":147136905,"uuid":"225004072","full_name":"willin/dataloader","owner":"willin","description":"https://dataloader.js.cool  :book: DataLoader 是一个通用工具，可以用作应用程序数据获取层的一部分，通过批处理和缓存的方式为各种不同的后端和减少后端的请求数量提供一致的 API 接口。","archived":false,"fork":false,"pushed_at":"2020-11-25T13:31:08.000Z","size":63,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-29T22:37:30.259Z","etag":null,"topics":["dataloader","graphql","zh-cn"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"github":"willin","custom":"https://afdian.net/@willin"}},"created_at":"2019-11-30T11:48:10.000Z","updated_at":"2022-10-08T02:27:27.000Z","dependencies_parsed_at":"2023-05-15T21:00:26.949Z","dependency_job_id":null,"html_url":"https://github.com/willin/dataloader","commit_stats":{"total_commits":19,"total_committers":1,"mean_commits":19.0,"dds":0.0,"last_synced_commit":"87133b6a764cb50be86fb9ee8a7d7f4f1115786e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willin%2Fdataloader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willin%2Fdataloader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willin%2Fdataloader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willin%2Fdataloader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willin","download_url":"https://codeload.github.com/willin/dataloader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246050941,"owners_count":20715754,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dataloader","graphql","zh-cn"],"created_at":"2024-10-02T09:43:29.749Z","updated_at":"2025-03-28T19:17:46.094Z","avatar_url":"https://github.com/willin.png","language":"HTML","funding_links":["https://github.com/sponsors/willin","https://afdian.net/@willin"],"categories":[],"sub_categories":[],"readme":"# DataLoader\n\n\u003cruby\u003eDataLoader\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e数据加载器\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e 是一个通用工具，可以用作应用程序数据获取层的一部分，通过批处理和缓存的方式为各种不同的后端和减少后端的请求数量提供一致的 API 接口。\n\n!\u003e 本文翻译自： https://github.com/graphql/dataloader\n\n在 2010 年时由 Facebook 的 [@schrockn](https://github.com/schrockn) 最初开发了 “\u003cruby\u003eLoader\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e加载器\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e” 接口的一个端口，在当时后端 API 接口中作为简单的强制合并杂项的 Key-Value 键值对存储使用。后来在 Facebook， “Loader” 变成了一个 “\u003cruby\u003eEnt\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e异构\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e” 框架的实现细节，隐私感知数据实体加载和缓存层面的 Web 服务产品代码。 最终成为巩固 Facebook GraphQL （比 REST 更高效、强大和灵活的新一代 API 标准） 服务的实现和类型定义。\n\nDataLoader 是一个用 Javascript 实现 Node.js 服务最初思想的简化版本。DataLoader 通常用于实现 [GraphQL JS][] 服务，但它的适用场景也很广泛。\n\n这种批处理和数据请求缓存的机制并不是 Node.js 或 JavaScript 特有的， 它也是 [Haxl](https://github.com/facebook/Haxl) （Facebook 的 Haskell 数据加载库）的主要动机。 更多关于 Haxl 如何工作的信息可以在这篇[博客文章](ttps://code.facebook.com/posts/302060973291128/open-sourcing-haxl-a-library-for-haskell/)中查看。\n\nDataloader 不仅可以用于构建 Node.js 下的 GraphQL 服务，还可以作为一个公共参考实现的概念移植到其他开发语言。 如果您将 DataLoader 移植到了其他的语言平台，请在源码项目中提交一个带有您项目链接的 Issue。\n\n## 起步\n\n首先，使用 npm 安装 DataLoader。\n\n```bash\nnpm install --save dataloader\n```\n\n或者使用 yarn 进行安装：\n\n```bash\nyarn add dataloader\n```\n\n起步阶段，创建一个 `DataLoader`。每一个 `DataLoader` 实例代表一个独立缓存。如果不同的用户可以看到不同的东西，`DataLoader` 实例通常可以配合在类似 [Express][] 之类的 Web 服务器每个请求中使用。\n\n!\u003e 注意： DataLoader 需要 ES6 `Promise` 和 `Map` 类的 JavaScript 环境，或仅在具备该环境支持的 Node.js 版本中可以使用。\n\n## 批处理\n\n批处理并不是一种高级特性，但却是 DataLoader 的主要特性。 创建 Loader 需要提供批处理加载方法。\n\n```js\nconst DataLoader = require('dataloader');\n\nconst userLoader = new DataLoader(keys =\u003e myBatchGetUsers(keys));\n```\n\n一个批处理加载方法接受一个数组的键名，并且返回包裹一个数组的值的 Promise 对象[\u003csup\u003e*\u003c/sup\u003e](#batch-function)。\n\n然后，从 Loader 中加载独立的返回值。 DataLoader 会合并单框架执行（时间循环中的一个 Tick）所有独立加载，然后执行所有请求键名的批处理方法。\n\n```js\nconst user = await userLoader.load(1);\nconst invitedBy = await userLoader.load(user.invitedByID);\nconsole.log(`User 1 was invited by ${invitedBy}`);\n\n// 在你应用中的其他地方\nconst user = await userLoader.load(2);\nconst lastInvited = await userLoader.load(user.lastInvitedID);\nconsole.log(`User 2 last invited ${lastInvited}`);\n```\n\n一个“天真”的应用可能会被4轮的后端信息请求问题困扰，但使用了 DataLoader 之后，这个应用最多只会产生两次请求。\n\nDataLoader 允许你在不牺牲批量数据加载性能的情况下分离程序的无关部分。虽然 Loader 提供了加载单个值的 API，但所有并发请求都合并一起装载到你的批处理加载方法中执行。这就意味着可以在你的整个应用中安全分发数据获取需求，并维持最小的数据传出请求。\n\n\u003ca id=\"batch-function\"\u003e\u003c/a\u003e\n\n### 批处理方法\n\n批处理方法接受一个数组作为键名，并且返回一个数组结果的 Promise 或者一个 Error 实例。 Loader 本身作为 `this` 上下文。\n\n```js\nasync function batchFunction(keys) {\n  const results = await db.fetchAllKeys(keys);\n  return keys.map(key =\u003e results[key] || new Error(`No result for ${key}`));\n}\n\nconst loader = new DataLoader(batchFunction);\n```\n\n此方法必须遵守以下约束：\n\n- 返回数组的长度必须和键名数组的长度相同。\n- 返回数组中每一个下标必须与键名数组中相对应。\n\n例如，如果你的批处理方法传入的键名为： `[2, 9, 6, 1]`，后端服务加载并返回的结果：\n\n```js\n{ id: 9, name: 'Chicago' },\n{ id: 1, name: 'New York' },\n{ id: 2, name: 'San Francisco' }\n```\n\n后端服务返回的结果和我们请求的顺序不同，可能是因为这么做的话效率会更高一些。并且，结果中缺少了键名 `6`，我们可以理解为不存在该键名对应的结果。\n\n为了遵守批处理方法的约束，必须返回一个与键名数组长度相同的返回值数组，并对其进行重新排序，以确保每个下标与原始键名 `[2, 9, 6, 1]`对应。\n\n```js\n[\n  { id: 2, name: 'San Francisco' },\n  { id: 9, name: 'Chicago' },\n  null, // or perhaps `new Error()`\n  { id: 1, name: 'New York' }\n]\n```\n\n\u003ca id=\"batch-scheduling\"\u003e\u003c/a\u003e\n\n### 批处理调度\n\n默认情况下，DataLoader 会在调用批处理方法之前合并单框架执行中所有单独的加载。能够确保在多个相关请求转变成一个单一批处理中不会出现额外的延迟。事实上，这与 Facebook 在 2010 年最初的 PHP 实现中表现形式相同。请参阅[源代码](https://github.com/graphql/dataloader/blob/master/src/index.js)中的 `enqueuePostPromiseJob`，了解有关此操作方式的更多详细信息。\n\n然而，有的时候这样的表现形式并不可取，或者并不是最佳。因为你的代码中使用了 `setTimeout`，也许你会希望请求在后续的 Tick 上扩展，或者你希望手动接管而不考虑运行循环。 DataLoader 允许提供自定义的批处理调度来支持这些或其他的场景。\n\n自定义批处理调度在选项参数中称为 `batchScheduleFn`，必须传入一个有回调的方法，并且这个方法在执行批处理请求的时候能够立即执行。\n\n举一个例子，这里是一个采集 100 毫秒内所有请求的批处理调度（所以增加了 100 毫秒的延迟）：\n\n```js\nconst myLoader = new DataLoader(myBatchFn, {\n  batchScheduleFn: callback =\u003e setTimeout(callback, 100)\n});\n```\n\n再来另外一个例子，这是手动分发的批处理调度：\n\n```js\nfunction createScheduler() {\n  let callbacks = [];\n  return {\n    schedule(callback) {\n      callbacks.push(callback);\n    },\n    dispatch() {\n      callbacks.forEach(callback =\u003e callback());\n      callbacks = [];\n    }\n  };\n}\n\nconst { schedule, dispatch } = createScheduler();\nconst myLoader = new DataLoader(myBatchFn, { batchScheduleFn: schedule });\n\nmyLoader.load(1);\nmyLoader.load(2);\ndispatch();\n```\n\n## 缓存\n\nDataLoader 为应用内每一个单独请求提供了内存缓存。 在 `.load()` 方法执行之后，将排除缓存中的冗余加载。\n\n### 缓存每一个请求\n\nDataLoader 的缓存**并不能**替代 Redis、Memcache 或者其他共享的应用级缓存。 DataLoader 主要是一个数据加载的机制，它的缓存只用于在单个请求的上下文中不再重复加载相同的数据。为了实现这一点，它在内存中维护了一个简单的缓存（更确切应该说：`.load()` 是一个记忆化方法）。\n\n要避免来自不同用户的多个请求使用 DataLoader 实例，因为这可能导致各个请求缓存的数据出现异常。通常，DataLoader 实例在 \u003cruby\u003eRequest\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e请求\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e 开始时创建，并在请求结束后不再使用。\n\n一个基于 [Express][] 的示例：\n\n```js\nfunction createLoaders(authToken) {\n  return {\n    users: new DataLoader(ids =\u003e genUsers(authToken, ids))\n  };\n}\n\nconst app = express();\n\napp.get('/', function(req, res) {\n  const authToken = authenticateUser(req);\n  const loaders = createLoaders(authToken);\n  res.send(renderPage(req, loaders));\n});\n\napp.listen();\n```\n\n### 缓存和批处理\n\n后续调用相同键名的  `.load()` 方法时，该键名将不会再被添加到批处理方法中。 *然而*，返回的 Promise 将仍然等待当前批处理完成。这样，缓存和未缓存的请求将会同时 \u003cruby\u003eResolve\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e解决\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e，允许 DataLoader 对后续依赖的加载优化。\n\n在下面的例子里，\u003cruby\u003eUser\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e用户\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e `1` 恰巧是缓存的。 然而，因为 User `1` 和 `2` 在同一个 Tick 中加载，它们将会被同时 Resolve。这就意味着 `user.bestFrientID` 加载也会在同一 Tick 下发生，导致了产生 2 次总请求数（与 User `1` 未缓存情况相同）。\n\n```js\nuserLoader.prime(1, { bestFriend: 3 });\n\nasync function getBestFriend(userID) {\n  const user = await userLoader.load(userID);\n  return await userLoader.load(user.bestFriendID);\n}\n\n// 应用程序的某处\ngetBestFriend(1);\n\n// 其他地方\ngetBestFriend(2);\n```\n\n如果没有这种优化，缓存的 User `1` 立即 Resolve，这可能会导致 3 次请求总数，因为每次 `user.bestFriendID` 加载并非同时发生。\n\n### 清除缓存\n\n在某些不确定因素下，可能需要清除请求缓存。\n\n最常见的例子是在同一请求的修改或更新后，清除 Loader 缓存是必要的。因为缓存的值可能已经过时了，而未来的加载不应该加载任何之前缓存的值。\n\n这里是个简单的 SQL 更新示例。\n\n```js\n// 请求开始...\nconst userLoader = new DataLoader(...);\n\n// 一个加载并且被缓存\nconst user = await userLoader.load(4)\n\n// 修改操作，导致缓存内容失效\nawait sqlRun('UPDATE users WHERE id=4 SET username=\"zuck\"')\nuserLoader.clear(4)\n\n// 后续使用 Loader 应该重新加载一遍\nconst user = await userLoader.load(4)\n\n// 请求结束\n```\n\n### 缓存报错\n\n如果一次批处理加载失败（即批处理方法抛出 Promise  `reject`），那么和请求的值将不会缓存。但是，如果批处理方法针对单个值返回的是 `Error` 实例，那么 `Error` 将会缓存以防止频繁加载出现相同的报错。\n\n在某些情况下，你可能会希望清除这种针对单个错误的缓存：\n\n```js\ntry {\n  const user = await userLoader.load(1);\n} catch (error) {\n  if (/* determine if the error should not be cached */) {\n    userLoader.clear(1);\n  }\n  throw error;\n}\n```\n\n### 禁用缓存\n\n在某些非常见情况下， 可能希望*不缓存* DataLoader。执行 `new DataLoader(myBatchFn, { cache: false })` 将会确保每次执行 `.load()` 方法时产生一个*新* Promise，请求的键名将不会存储到内存中。\n\n然而，当内存缓存禁用时，你的批处理方法可能会接受含有重复值数组的键名！每个键名值各自调用 `.load()`。你的批处理加载器将会为每个请求键名的实例提供返回值。\n\n例如：\n\n```js\nconst myLoader = new DataLoader(keys =\u003e {\n  console.log(keys);\n  return someBatchLoadFn(keys);\n}, { cache: false });\n\nmyLoader.load('A');\nmyLoader.load('B');\nmyLoader.load('A');\n\n// \u003e [ 'A', 'B', 'A' ]\n```\n\n通过调用  `.clear()` 或 `.clearAll()` 而不是完全禁用缓存，可以实现更复杂的缓存行为。例如，让 DataLoader 在启用内存缓存时为批处理方法提供唯一的 Key，但是当调用批处理方法时，立即清理掉它的缓存，这样后续的请求将加载出新的值。\n\n```js\nconst myLoader = new DataLoader(keys =\u003e {\n  identityLoader.clearAll();\n  return someBatchLoadFn(keys);\n})\n```\n\n### 自定义缓存\n\n如上所述， DataLoader 的目的是用于缓存每次请求。由于请求是短暂的， DataLoader 使用一个无限增长的 [Map][] 作为内存缓存。这应该不至于造成问题，因为大多数请求都是短暂的，整个缓存可以在请求结束后丢弃掉。\n\n然而对于使用长期 DataLoader 时，这种内存缓存的策略是不安全的，因为它会消耗太多的内存了。如果在这样的场景中使用 DataLoader，你可以提供一个自定义的缓存实例，不管你喜欢怎么样实现，只要能够遵循 [Map][] 相同的 API 即可。\n\n下面这个示例使用了 \u003cruby\u003eLRU\u003crp\u003e（\u003c/rp\u003e\u003crt\u003eleast recently used\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e 缓存来限制总内存，通过使用 [lru_map](https://github.com/rsms/js-lru) 的 npm 包控制最多存储 100 个缓存值。\n\n```js\nimport { LRUMap } from 'lru_map';\n\nconst myLoader = new DataLoader(someBatchLoadFn, {\n  cacheMap: new LRUMap(100)\n});\n```\n\n更具体地说，任意实现了 `get()`、`set()`、`delete()` 和 `clear()` 方法的实现方式都可以。这就应运而生了大量的[缓存算法](https://en.wikipedia.org/wiki/Cache_algorithms)。\n\n## API\n\n### DataLoader \u003cruby\u003eClass\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e类\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e\n\nDataLoader 创建了一个从特定后端加载指定唯一键名（例如 SQL 表的 `id` 字段或者 MongoDB 数据库的文档名称）数据的批处理加载方法的公开 API。\n\n每一个 `DataLoader` 实例包含了唯一的内存缓存。在长期应用或者服务于多个不同访问权限的用户时需要谨慎使用，并考虑为每一个 Web 请求创建一个新的实例。\n\n### `new DataLoader(batchLoadFn [, options])`\n\n使用一个批处理加载方法和参数来创建一个新的 `DataLoader`。\n\n- *batchLoadFn*：一个加载方法，用一个键名数组作为参数，返回一个 Promise 对象来解决一个返回值数组。\n- *options*： 一个可选的参数对象：\n\n| 参数名 | 类型 | 默认值 | 描述 |\n| ---------- | ---- | ------- | ----------- |\n| *batch*  | Boolean | `true` | 设置为 `false` 禁用批处理，每次加载均触发 `batchLoadFn` 方法执行。相当于设置 `maxBatchSize` 为 `1`。 |\n| *maxBatchSize* | Number | `Infinity` | 限制传入 `batchLoadFn` 方法的条目数量。 可以设置为 `1` 来禁用批处理。 |\n| *batchScheduleFn* | Function | 见 [批处理调度](#batch-scheduling) | 批处理调度的后期执行方法。这个方法需要立即执行回调。 |\n| *cache* | Boolean | `true` | 设置为 `false` 禁用缓存，为每一个相同参数的  `batchLoadFn` 创建新的 Promise。相当于设置 `cacheMap` 为 `null`。 |\n| *cacheKeyFn* | Function | `key =\u003e key` | 为缓存提供键名。当用对象作为参数时，并且两个对象可以视为相同的情况下使用。 |\n| *cacheMap* | Object | `new Map()` | [Map][] 对象（或相似 API 的对象）用作缓存。可以设置为 `null` 来禁用缓存。 |\n\n### `.load(key)`\n\n加载一个键名，返回一个对应该键名的值的 Promise。\n\n- `key`： 一个需要加载的键名\n\n###  `.loadMany(keys)`\n\n加载多个键名，返回一个值的数组：\n\n```js\nconst [ a, b ] = await myLoader.loadMany([ 'a', 'b' ]);\n```\n\n这个就类似于冗长的写法：\n\n```js\nconst [ a, b ] = await Promise.all([\n  myLoader.load('a'),\n  myLoader.load('b')\n]);\n```\n\n然而，还是会在加载失败的时候有一些区别。 `Promise.all()` 会抛出 reject 异常， loadMany() 永远返回 resolve，只是在返回的结果中可能会是一个值或者一个 Error 实例。\n\n```js\nvar [ a, b, c ] = await myLoader.loadMany([ 'a', 'b', 'badkey' ]);\n// c 是个 Error 实例\n```\n\n* `keys`： 一个需要加载的键名数组\n\n### `.clear(key)`\n\n清除某个键名对应的缓存值（如果存在）。返回自身供链式调用。\n\n* `key`： 一个需要清除的键名\n\n### `.clearAll()`\n\n清除所有缓存。在某些未知非法结果时使用。返回自身供链式调用。\n\n### `.prime(key, value)`\n\n使用键值对初始化缓存。如果键名已经存在，则不发生改变。（如果需要强制重新初始化缓存，可以先清除 `loader.clear(key).prime(key, value)` 。）返回自身供链式调用。\n\n可以用一个错误实例来初始化缓存。\n\n## 与 GraphQL 一起使用\n\nDataLoader 与 [GraphQL][GraphQL JS] 可以完美搭配使用。GraphQL 的字段被设计为独立的方法。 没有缓存或者批处理机制的话， GraphQL 服务器很容易就会被数据请求给撑爆。\n\n例如以下的 GraphQL 请求：\n\n```graphql\n{\n  me {\n    name\n    bestFriend {\n      name\n    }\n    friends(first: 5) {\n      name\n      bestFriend {\n        name\n      }\n    }\n  }\n}\n```\n\n如果 `me` 、`bestFriend` 和 `friends` 需要向服务端请求，那么这里可能会有多达 13 条数据查询。\n\n在使用了 DataLoader 后，我们可以用清晰的代码和至多 4 次数据库查询（以 [SQLite](https://github.com/graphql/dataloader/blob/master/examples/SQL.md) 定义 `User` 类型来示意）甚至更少（如果命中缓存）。\n\n```js\nconst UserType = new GraphQLObjectType({\n  name: 'User',\n  fields: () =\u003e ({\n    name: { type: GraphQLString },\n    bestFriend: {\n      type: UserType,\n      resolve: user =\u003e userLoader.load(user.bestFriendID)\n    },\n    friends: {\n      args: {\n        first: { type: GraphQLInt }\n      },\n      type: new GraphQLList(UserType),\n      resolve: async (user, { first }) =\u003e {\n        const rows = await queryLoader.load([\n          'SELECT toID FROM friends WHERE fromID=? LIMIT ?', user.id, first\n        ]);\n        return rows.map(row =\u003e userLoader.load(row.toID));\n      }\n    }\n  })\n});\n```\n\n## 常用场景\n\n### 为每个请求创建 DataLoader\n\n在很多应用中，Web 服务器可能会使用 DataLoader 服务于很多不同的用户、并且区分不同的访问权限。如果很多用户共用一个缓存，会是非常危险的，所以鼓励为不同的请求创建新的 DataLoader：\n\n```js\nfunction createLoaders(authToken) {\n  return {\n    users: new DataLoader(ids =\u003e genUsers(authToken, ids)),\n    cdnUrls: new DataLoader(rawUrls =\u003e genCdnUrls(authToken, rawUrls)),\n    stories: new DataLoader(keys =\u003e genStories(authToken, keys)),\n  }\n}\n\n// 当处理一个流入的Web请求时\nconst loaders = createLoaders(request.query.authToken);\n\n// 然后在应用程序中使用逻辑：\nconst user = await loaders.users.load(4)\nconst pic = await loaders.cdnUrls.load(user.rawPicUrl)\n```\n\n创建一个对象，每一个不同的键名来区分 DataLoader 是一种常见的使用方式，这可以提供一个单一的值传给需要执行数据加载的代码，例如 [GraphQL JS][] 请求中 `rootValue` 的一部分。\n\n### 通过可替换键名加载\n\n有时，某些值可以通过不同的方式被获取。例如，\u003cruby\u003eUser\u003crp\u003e（\u003c/rp\u003e\u003crt\u003e用户\u003c/rt\u003e\u003crp\u003e）\u003c/rp\u003e\u003c/ruby\u003e 类型的数据可以通过 `id` 或者 `username` 字段来获取结果。如果相同的用户被两个键名加载的话，同时缓存所有键名会很有效：\n\n```js\nconst userByIDLoader = new DataLoader(async ids =\u003e {\n  const users = await genUsersByID(ids);\n  for (let user of users) {\n    usernameLoader.prime(user.username, user);\n  }\n  return users;\n})\n\nconst usernameLoader = new DataLoader(async names =\u003e {\n  const users = await genUsernames(names);\n  for (let user of users) {\n    userByIDLoader.prime(user.id, user);\n  }\n  return users;\n})\n```\n\n### 冻结结果强制不可篡改\n\nDataLoader 的缓存值一般情况下是应该视为不可修改的。 然而 DataLoader 本身并不会强制这样，你可以使用 `Object.freeze()` 创建一个高阶函数来实现不可篡改：\n\n```js\nfunction freezeResults(batchLoader) {\n  return keys =\u003e batchLoader(keys).then(values =\u003e values.map(Object.freeze));\n}\n\nconst myLoader = new DataLoader(freezeResults(myBatchLoader));\n```\n\n### 返回对象（而不是数组）的批处理方法\n\nDataLoader 期望的批处理方法需要返回一个与提高键名数组等长度的值数组。但这并不是一种其他第三方库的常见返回格式。 可以使用 DataLoader 高阶方法来转换类型。下面的例子转换成键值对的结果。\n\n```js\nfunction objResults(batchLoader) {\n  return keys =\u003e batchLoader(keys).then(objValues =\u003e keys.map(\n    key =\u003e objValues[key] || new Error(`No value for ${key}`)\n  ));\n}\n\nconst myLoader = new DataLoader(objResults(myBatchLoader));\n```\n\n## 常见后端数据库\n\n想通过一个特定的后端数据库来起步？试试 [DataLoader 官方提供的示例](https://github.com/graphql/dataloader/tree/master/examples)。\n\n## 其他语言实现\n\n按照字母顺序排列\n\n* Elixir\n  * [dataloader](https://github.com/absinthe-graphql/dataloader)\n* Golang\n  * [Dataloader](https://github.com/nicksrandall/dataloader)\n* Java\n  * [java-dataloader](https://github.com/graphql-java/java-dataloader)\n* .Net\n  * [GraphQL .NET DataLoader](https://graphql-dotnet.github.io/docs/guides/dataloader/)\n  * [GreenDonut](https://github.com/ChilliCream/greendonut)\n* Perl\n  * [perl-DataLoader](https://github.com/richardjharris/perl-DataLoader)\n* PHP\n  * [DataLoaderPHP](https://github.com/overblog/dataloader-php)\n* Python\n  * [aiodataloader](https://github.com/syrusakbary/aiodataloader)\n* ReasonML\n  * [bs-dataloader](https://github.com/ulrikstrid/bs-dataloader)\n* Ruby\n  * [BatchLoader](https://github.com/exaspark/batch-loader)\n  * [Dataloader](https://github.com/sheerun/dataloader)\n  * [GraphQL Batch](https://github.com/Shopify/graphql-batch)\n* Rust\n  * [Dataloader](https://github.com/cksac/dataloader-rs)\n* Swift\n  * [SwiftDataLoader](https://github.com/kimdv/SwiftDataLoader)\n\n## 视频教程\n\n**DataLoader 视频教程 （YouTube）：**\n\n一个 DataLoader v1 的视频教程。虽然源码已经重构了，但这个视频依然是个很好的介绍概述，来帮助你了解 DataLoader 如何运作。\n\n\u003ca href=\"https://youtu.be/OQTnXNCDywA\" target=\"_blank\" alt=\"DataLoader Source Code Walkthrough\"\u003e\u003cimg src=\"https://img.youtube.com/vi/OQTnXNCDywA/0.jpg\" /\u003e\u003c/a\u003e\n\n\n\n## 版权信息\n\n译者： [Willin Wang](https://github.com/willin)\n\nMIT License\n\n首次翻译完成： 2019.12.05\n\n最后更新时间： 2019.12.05\n\n[GraphQL JS]: https://github.com/graphql/graphql-js\n[Express]: https://expressjs.com/\n[Map]:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillin%2Fdataloader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillin%2Fdataloader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillin%2Fdataloader/lists"}