开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在成功的回调中调用yield put()

()是指在Redux-saga中使用yield put()函数来触发一个action。Redux-saga是一个用于管理应用程序副作用（例如异步请求和数据获取）的库。它基于Generator函数和yield关键字，使得异步流程的管理更加简洁和可控。

yield put()函数是Redux-saga提供的一个Effect，用于向Redux Store派发一个action。当在成功的回调中调用yield put()时，它会触发一个action，将数据发送给Redux Store进行状态更新。

这种方式的优势在于可以将异步操作与Redux的状态管理结合起来，使得应用程序的状态更新更加可预测和可控。通过在成功的回调中调用yield put()，可以在异步操作完成后，通过触发相应的action来更新应用程序的状态。

应用场景：

异步数据获取：当需要从服务器获取数据时，可以在成功的回调中调用yield put()来触发一个action，将获取到的数据存储到Redux Store中。
表单提交：当用户提交表单时，可以在成功的回调中调用yield put()来触发一个action，将表单数据存储到Redux Store中，或者进行其他相关操作。
路由导航：当需要进行页面跳转或导航时，可以在成功的回调中调用yield put()来触发一个action，更新应用程序的路由状态。

推荐的腾讯云相关产品和产品介绍链接地址：

云函数（Serverless）：https://cloud.tencent.com/product/scf
云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送）：https://cloud.tencent.com/product/umeng
区块链（TrustSQL）：https://cloud.tencent.com/product/baas
元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr

相关搜索:Redux Saga -在异步回调中调用"yield“在回调中调用useRef 在jQuery的ajax成功回调中,textStatus会不会"成功"？Vue在成功回调时继续使onYouTubeIframeAPIReady()在Ajax成功回调中工作在setstate的回调中调用setstate 在异步回调中调用超级 Axios回调函数在put方法中不起作用在成功回调中创建的Ajax外部访问数组 AJAX调用后访问this.setState内部成功回调文件不存在，仍在调用成功回调- promise passportSocketIo.authorize不调用成功或失败回调在AJAX成功回调中调用另一个PHP脚本？在函数自己的回调中调用函数传递调用的回调在livedata回调中调用抽象方法如何在redux-saga的回调中使用yield？写入文件成功时的回调，C android plaid sdk在Android中未收到成功回调是否可以在setState的回调中调用setState？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

手写Redux-Saga源码

上一篇文章我们分析了Redux-Thunk的源码，可以看到他的代码非常简单，只是让dispatch可以处理函数类型的action，其作者也承认对于复杂场景，Redux-Thunk并不适用，还推荐了Redux-Saga来处理复杂副作用。本文要讲的就是Redux-Saga，这个也是我在实际工作中使用最多的Redux异步解决方案。Redux-Saga比Redux-Thunk复杂得多，而且他整个异步流程都使用Generator来处理，Generator也是我们这篇文章的前置知识，如果你对Generator还不熟悉，可以看看这篇文章。

03

Promise/async/Generator实现原理解析

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，读者应该能够了解：

03

ES6：【深扒】深入理解 JavaScript 中的异步编程

虽然整个思路看起来没什么毛病，对吧。但是它就是不行的，获取数据是异步的，也就是说请求数据的时候，输出已经执行了，这时候必然是undefined

02

【深扒】深入理解 JavaScript 中的异步编程

虽然整个思路看起来没什么毛病，对吧。但是它就是不行的，获取数据是异步的，也就是说请求数据的时候，输出已经执行了，这时候必然是 undefined

02

【深扒】深入理解 JavaScript 中的异步编程

虽然整个思路看起来没什么毛病，对吧。但是它就是不行的，获取数据是异步的，也就是说请求数据的时候，输出已经执行了，这时候必然是 undefined

02

python 回调装饰器

通过使用生成器和协程可以使得回调函数内联在某个函数中。为了演示说明，假设你有如下所示的一个执行某种计算任务然后调用一个回调函数的函数(参考7.10小节)：

05

前端实现异步的几种方式_redux是什么

实际上，这个术语出自康奈尔大学的一篇论文：http://www.cs.cornell.edu/andru/cs711/2002fa/reading/sagas.pdf

03

细说JS异步发展历程

所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。

02

深入理解Python异步编程（上）

彻底理解异步编程是什么、为什么、怎么样。深入学习asyncio的基本原理和原型，了解生成器、协程在Python异步编程中是如何发展的。

05

JavaScript 异步编程

完整高频题库仓库地址：https://github.com/hzfe/awesome-interview

00

你真的懂异步编程吗？

在JS 代码中，异步无处不在，Ajax通信，Node中的文件读写等等等，只有搞清楚异步编程的原理和概念，才能在JS的世界中任意驰骋，随便撒欢；

03

Promise、Generator、Async 合集

我们知道Promise与Async/await函数都是用来解决JavaScript中的异步问题的，从最开始的回调函数处理异步，到Promise处理异步，到Generator处理异步，再到Async/await处理异步，每一次的技术更新都使得JavaScript处理异步的方式更加优雅，从目前来看，Async/await被认为是异步处理的终极解决方案，让JS的异步处理越来越像同步任务。异步编程的最高境界，就是根本不用关心它是不是异步。

00

redux-saga学习

如果redux需要用到 side effect 异步操作,redux-thunk 和 redux-saga 绝对是目前两个最受欢迎的中间件插件。

01

从Generator入手读懂 co 模块源码（干货）

本文主要会讲 Generator 的运用和实现原理，然后我们会去读一下 co 模块的源码，最后还会提一下 async/await。

03

JavaScript 异步编程

JavaScrip 采用单线程模式工作的原因，需要进行DOM操作，如果多个线程同时修改DOM浏览器无法知道以哪个线程为主。

01

关于redux-saga中take使用方法

带来一个自己研究好久的API使用方法. redux-saga中effect中take这个API使用方式,用的多的是call,put,select,但take这个平常还真没什么机会用上,也不清楚在哪里使用才好,不管怎么样,既然是redux-saga写出来的,肯定是有他的用法的,不管37 21,先学会使用方法再说. 先看看介绍: take take的表现同takeEvery一样，都是监听某个action，但与takeEvery不同的是，他不是每次action触发的时候都相应，而只是在执行顺序执行到take语

05

Javascript异步回调细数：promise yield async/await

虽然我对js的鄙视一直都是无以复加，但是奈何前端环境不得不依赖javascript。哪些nodejs的大神们四处布道nodejs统治一切：单线程非阻塞，高IO操作。但是，java也可以做好吧，而且GO做的更干练！假设你的应用程序要做两件事情，分别是A和B。你发起请求A，等待响应，出错。发起请求B，等待响应，出错。Go语言的阻塞模型可以非常容易地处理这些异常，而换到了Node里，要处理异常就要跳到另一个函数里去，事情就会变得复杂。

00

ES6-语法基础

箭头函数是把函数简写成一个表达式；如果只有一个参数，()可以省略；如果只有一个行，{ }可以省略，return 可以省略。

02

如何使用dva与服务端进行数据交互

dva里的model主要是用来开始处理数据和逻辑的。 dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源的 subscriptions 。

01

轻松了解一下es6中的异步流程控制

如果你写过任何数量相当的JavaScript，这就不是什么秘密：异步编程是一种必须的技能。管理异步的主要机制曾经是函数回调。

01

原生JS灵魂之问(下), 冲刺进阶最后一公里(附个人成长经验分享)

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。

01

JavaScript Promise

我们都知道 JavaScript 是一种同步编程语言，上一行出错就会影响下一行的执行，但是我们需要数据的时候总不能每次都等上一行执行完成，这时就可以使用回调函数让它像异步编程语言一样工作。像 NodeJS 就是采用异步回调的方式来处理需要等待的事件，使得代码会继续往下执行不用在某个地方等待着。但是也有一个不好的地方，当我们有很多回调的时候，比如这个回调执行完需要去执行下个回调，然后接着再执行下个回调，这样就会造成层层嵌套，代码不清晰，很容易进入“回调监狱”。。。所以 ES6 新出的 Promise 对象以及 ES7 的 async、await 都可以解决这个问题。 Promise 是用来处理异步操作的，可以让我们写异步调用的时候写起来更加优雅，更加美观便于阅读。Promise 为承诺的意思，意思是使用 Promise 之后他肯定会给我们答复，无论成功或者失败都会给我们一个答复，所以我们就不用担心他跑了哈哈。 Promise 有三种状态：pending（未决定），resolved（完成fulfilled），rejected（失败）。只有异步返回时才可以改变其状态，因此我们收到的 Promise 过程状态一般只有两种：pending->fulfilled 或者 pending->rejected。

01

使用yield进行异步流程控制

现状目前我们对异步回调的解决方案有这么几种：回调，deferred/promise和事件触发。回调的方式自不必说，需要硬编码调用，而且有可能会出现复杂的嵌套关系，造成“回调黑洞”；deferred/promise方式则对使用者而言简洁明了，在执行异步函数之前就已经构造好了执行链--then链，而且实现也很灵活，具体可参考Promise的实现；事件机制则是一种观察者模式的实现，但也必须硬编码在异步执行的函数中，当异步函数执行完毕后再trigger相关事件，而观察者则相应执行事件处理函数。注意，刚刚提到了

06

【JS】236-JS 异步编程六种方案(原创)

我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。

02

Swift AsyncThrowingStream 和 AsyncStream 代码实例详解

AsyncThrowingStream 和 AsyncStream 是 Swift 5.5 中由 SE-314[1] 引入的并发框架的一部分。异步流允许你替换基于闭包或 Combine 发布器的现有代码。

02

Swift 中的 AsyncThrowingStream 和 AsyncStream

AsyncThrowingStream 和 AsyncStream是Swift 5.5中由SE-314引入的并发框架的一部分。异步流允许你替换基于闭包或 Combine 发布器的现有代码。

02

【ECMAScript6】es6 要点（二）Promise | 自个写一个Promise | Generator | Async/Await

但是，我们不能无限制地调用next从Generator实例中获取值。否则最后会返回undefined。原因：Generator犹如一种序列，一旦序列中的值被消费，你就不能再次消费它。即，序列为空后，再次调用就会返回undefined！。

02

Node.js 异步异闻录

提到 Node.js, 我们脑海就会浮现异步、非阻塞、单线程等关键词，进一步我们还会想到 buffer、模块机制、事件循环、进程、V8、libuv 等知识点。本文起初旨在理顺 Node.js 以上易混淆概念，然而一入异步深似海，本文尝试基于 Node.js 的异步展开讨论，其他的主题只能日后慢慢补上了。(附：亦可以把本文当作是朴灵老师所著的《深入浅出 Node.js》一书的小结)。异步 I/O Node.js 正是依靠构建了一套完善的高性能异步 I/O 框架，从而打破了 JavaScript 在服务器

08

教你从头写游戏服务器框架（3）

使用异步非阻塞编程，确实能获得很好的性能。但是在代码上，确非常不直观。因为任何一个可能阻塞的操作，都必须要要通过“回调”函数来链接。比如一个玩家登录，你需要先读数据库，然后读一个远程缓冲服务器（如 redis），然后返回登录结果：用户名、等级……在这个过程里，有两个可能阻塞的操作，你就必须把这个登录的程序，分成三个函数来编写：一个是收到客户端数据包的回调，第二个是读取数据库后的回调，第三个是读取缓冲服务器后的回调。

05

es6异步方法在项目中的实践

如下面的代码所示，执行Success代码条件有两处，在上面的写法里，这两处分开书写，代码没有复用利用promise的resolve就可以复用了，如第二个例子所示

02

解决异步的方式发展

对于解决异步的诸多方式，只是在处理异步问题上更加直观，并没有改变js是单线程语言，以及event loop的运行机制

02

一、事件函数的执行顺序（脚本的生命周期）

上图概括了unity如何在脚本的生命周期内对事件函数进行排序以及重复执行这些事件函数。

01

如何写出一个惊艳面试官的 Promise【近 1W字】前言源码1.Promise2.Generator3.async 和 await4.Pro

1.高级 WEB 面试会让你手写一个Promise,Generator 的 PolyFill(一段代码); 2.在写之前我们简单回顾下他们的作用; 3.手写模块见PolyFill.

04

Koa-router源码解读

链式调用在 koa 中，对中间件的使用是支持链接调用的。同样，对于多个路径的请求，koa-router 也支持链式调用： router .get(‘/‘, function (next) { this.body = ‘Hello World!’; }) .post(‘/users’, function (next) { // … }) .put(‘/users/:id’, function (next) { // … }) .del(‘/users/:

06

python：yield总结

1.http://blog.donews.com/limodou/archive/2006/09/04/1028747.aspx

01

一步步理解python的异步IO

看到越来越多的大佬都在使用python的异步IO，协程等概念来实现高效的IO处理过程，可是我对这些概念还不太懂，就学习了一下。因为是初学者，在理解上有很多不到位的地方，如果有错误，还希望能够有人积极帮我斧正。

02

Python中的并发处理之使用asyn

并发：一次处理多件事。并行：一次做多件事。并发用于制定方案，用来解决可能（但未必）并行的问题。并发更好。

01

一步步理解python的异步IO

看到越来越多的大佬都在使用python的异步IO，协程等概念来实现高效的IO处理过程，可是我对这些概念还不太懂，就学习了一下。因为是初学者，在理解上有很多不到位的地方，如果有错误，还希望能够有人积极帮我斧正。

02

虎皮椒V3 & 个人支付平台

介绍虎皮椒V3 平台：我们网站涉及到支付宝、微信的商家服务的时候，都需要各种工商认证。但我们个人开发者，是没有这些证件的，所以就没办法直接对接到支付宝、微信。我们就需要选择一款个人支付平台：虎皮椒支付，虎皮椒支付能做什么呢？就是调用相关API 生成支付宝、或者微信的支付二维码，扫码直接到你个人账户。这里面废话有点多，请往下看。

04

Scrapy源码解读

Scrapy一个比较完整的爬虫框架，包含了爬取任务的调度、多个线程同时爬取（异步多线程，不用等一个请求完成后才开始另一个请求）、自动过滤重复的链接等功能。使用者通过定义比较简单的爬虫类（例如目标网址、爬取的具体页面元素、存储的格式字段、数据清理逻辑），剩余的就可以交给scrapy完成爬取工作。

03

前端异步代码解决方案实践(二)

早前有针对 Promise 的语法写过博文，不过仅限入门级别，浅尝辄止食而无味。后面一直想写 Promise 实现，碍于理解程度有限，多次下笔未能满意。一拖再拖，时至今日。

06

Javascript之异步循环打印这道小题

这道题，我相信很多前端从业者都知道，它本质上来说并不复杂，但是却可以有很深远的扩展，最终核心的主题其实就是异步的执行，其中对于题目的解法，还涉及到一些作用域的知识。那么我们以最简版的题目入手，逐步深入，一点点的剖开这道题所涉及到的知识概念和体系。

03

JavaScript异步编程

#前言从我们一开始学习JavaScript的时候就听到过一段话：JS是单线程的，天生异步，适合IO密集型，不适合CPU密集型。但是，多数JavaScript开发者从来没有认真思考过自己程序中的异步到底是怎么出现的，以及为什么会出现，也没有探索过处理异步的其他方法。到目前为止，还有很多人坚持认为回调函数就完全够用了。

02

JS异步编程的一些总结

上篇文章主要分享了事件循环的问题，包括Node的事件循环和JS的事件循环。它们有很多相似之处。今天要聊的是日常中的异步编程实现方案。

02

es6之深入理解promise对象

一、promise入门 1. Promise对象是什么回调函数的另一种原生实现，比之前回调函数的写法机构清晰，功能强大， 2.以前回调这么写 function a(fn){ let h = 1; setTimeout(function(){ if(h==1){ fn(h) }else{ throw Error('error！') } },10

00

异步发展流程-手摸手带你实现一个Promise

首先介绍一下高阶函数，即一个函数的参数是函数或者函数返回值为函数，此函数称做高阶函数。

02

Generator：化异步为同步

一、Promise并非完美我在上一话中介绍了Promise，这种模式增强了事件订阅机制，很好地解决了控制反转带来的信任问题、硬编码回调执行顺序造成的“回调金字塔”问题，无疑大大提高了前端开发体验。但有了Promise就能完美地解决异步问题了吗？并没有。首先，Promise仍然需要通过then方法注册回调，虽然只有一层，但沿着Promise链一长串写下来，还是有些让人头晕。更大的问题在于Promise的错误处理比较麻烦，因为Promise链中抛出的错误会一直传到链尾，但在链尾捕获的错误却不一定清楚来源。而且，链中抛出的错误会fail掉后面的整个Promise链，如果要在链中及时捕获并处理错误，就需要给每个Promise注册一个错误处理回调。噢，又是一堆回调！那么最理想的异步写法是怎样的呢？像同步语句那样直观地按顺序执行，却又不会阻塞主线程，最好还能用try-catch直接捕捉抛出的错误。也就是说，“化异步为同步”！痴心妄想？我在第一话里提到，异步和同步之间的鸿沟在于：同步语句的执行时机是“现在”，而异步语句的执行时机在“未来”。为了填平鸿沟，如果一个异步操作要写成同步的形式，那么同步代码就必须有“等待”的能力，等到“未来”变成“现在”的那一刻，再继续执行后面的语句。在不阻塞主线程的前提下，这可能吗？听起来不太可能。幸好，Generator（生成器）为JS带来了这种超能力！二、“暂停/继续”魔法 ES6引入的新特性中，Generator可能是其中最强大也最难理解的之一，即使看了阮一峰老师列举的大量示例代码，知道了它的全部API，也仍是不得要领，这是因为Generator的行为方式突破了我们所熟知的JS运行规则。可一旦掌握了它，它就能赋予我们巨大的能量，极大地提升代码质量、开发效率，以及FEer的幸福指数。我们先来简单回顾一下，ES6之前的JS运行规则是怎样的呢？ 1. JS是单线程执行，只有一个主线程 2. 宿主环境提供了一个事件队列，随着事件被触发，相应的回调函数被放入队列，排队等待执行 3. 函数内的代码从上到下顺序执行；如果遇到函数调用，就先进入被调用的函数执行，待其返回后，用返回值替代函数调用语句，然后继续顺序执行对于一个FEer来说，日常开发中理解到这个程度已经够用了，直到他尝试使用Generator……

07

深入理解es6的promise

一、promise入门 1. Promise对象是什么回调函数的另一种原生实现，比之前回调函数的写法机构清晰，功能强大， 2.以前回调这么写 function a(fn){ let h = 1; setTimeout(function(){ if(h==1){ fn(h) }else{ throw Error('error！') } },1000) } //调用 a(function(

01

javascript异步编程

简单来说，异步编程就是在执行一个指令之后不是马上得到结果，而是继续执行后面的指令，等到特定的事件触发后，才得到结果。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭