在前端开发中，往往需要处理异步操作，如：异步请求，异步回调等。Redux-saga 是一种处理异步操作的库。其中，@redux-saga/deferred 是 Redux-saga 库中的一个功能强大的 npm 包，本文将详细介绍 @redux-saga/deferred 的使用教程，并提供示例代码。
什么是 @redux-saga/deferred
@redux-saga/deferred 是 Redux-saga 库中的一个包，它是一个基于 Promise 的解决方案。该包提供了一个 Deferred 类，可以让使用者方便地处理异步操作。在 Redux-saga 中使用该包，可以让我们实现更加优雅的异步操作处理。
@redux-saga/deferred 的使用
安装
在使用前，需要先安装 @redux-saga/deferred 包。可以通过以下命令来安装：
npm install @redux-saga/deferred
创建 Deferred 对象
在开始使用 @redux-saga/deferred 前，需要先创建一个 Deferred 对象。可以通过以下方式来创建 Deferred 对象：
import { Deferred } from '@redux-saga/deferred';
const myDeferred = new Deferred();在创建 Deferred 对象时，可以通过构造函数传入一个 Promise 解决函数（也可以不传）。该 Promise 对象将与 Deferred 对象关联，所有的 Promise 操作都将在 Deferred 对象的 Promise 上执行。
使用 Deferred 对象
在创建了 Deferred 对象后，可以使用 Deferred 对象进行异步操作处理，如下所示：
-- -------------------- ---- -------
------ - --- - ---- ---------------------
------ --------- -------- -
----- ---------- - --- -----------
------------- -- -
------------------------------
-- ------
----- ------ - ----- -------------------
----- ----- ----- --------------------- -------- ------ ---
-在上述示例中，我们首先创建一个 Deferred 对象 myDeferred，并在后面的代码中，根据异步操作的结果，调用了 Deferred 实例对象的 resolve 函数。然后，我们使用 yield 语句，等待 Promise 对象的返回，并将结果储存到 result 中，最后将结果保存到 Redux store 中。
示例代码
创建 Deferred 对象
import { Deferred } from '@redux-saga/deferred';
const myDeferred = new Deferred();使用 Deferred 对象
-- -------------------- ---- -------
------ - --- - ---- ---------------------
------ --------- -------- -
----- ---------- - --- -----------
------------- -- -
------------------------------
-- ------
----- ------ - ----- -------------------
----- ----- ----- --------------------- -------- ------ ---
-总结
@redux-saga/deferred 是一种强大的处理异步操作的库，在 Redux-saga 中的应用，可以让我们实现更加优雅的异步操作处理。本文介绍了 @redux-saga/deferred 的安装和使用方法，并提供了示例代码。希望该文能够对您在处理 Redux-saga ，以及异步操作方面有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf99b5cbfe1ea0611085