如何通过 yield和Generate 函数 实现 多个未知个数的异步请求实现顺序调用

已于 2022-10-11 16:12:13 修改
阅读量280 收藏
点赞数 1
分类专栏： js方法 文章标签： javascript
于 2022-10-11 16:08:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Henry2Ti/article/details/127264388
版权

前文

需求:由于一次请求多个图片，服务器会有压力，所以采取分批多次请求，但需要实现顺序调用

解决方法

原本我想到是用Promise来解决这个回调地狱的问题，但我发现，多次请求的次数不是固定的，因为每次请求的图片数量不是固定的
后来通过百度了解到 生成器Generate和yield 也可以解决此类问题，于是参考一些blog后，解决了。

参考文章

链接: Generator 函数的含义与用法
链接: Javascript中如何让多个异步按顺序执行

正文

由于需要创建多个function来分步执行，我采用循环赋值匿名函数的方式，并保存在对象中

// 创建多个分步函数
let tempArr=[1,
最低0.47元/天 解锁文章
wo.0d
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
generate 解决异步操作问题
qq_34870529的博客
10-14 219
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>迭.
如何在Python中使用生成器（Generate）和yield语句
哪惧明天，风高路斜
09-29 4355
文章目录使用生成器例1：读取大文件例2：生成一个无穷序列例3：检测回文数理解生成器用生成器表达式来构建生成器分析生成器性能理解Python的yield使用高级的生成器方法如何使用 .send()如何使用 .throw()如何使用 .close()用生成器创建数据管道结论 原文链接： https://realpython.com/introduction-to-python-generators/ ...
深入解释yield和Generators（生成器）
Alex
05-08 825
生成器和yield关键字可能是Python里面最强大的最难理解的概念之一（或许没有之一）， 但是并不妨碍yield成为Python里面最强大的关键字，对于初学者来讲确实非常难于理解，来看一篇关于yield的国外大牛写的文章，让你快速理解yield。 文章有点长，请耐心读完， 过程中有些例子， 循序渐进，让你不觉得枯燥。 生成器 生成器是通过一个或多个yield表达式构成的函数，每一个生成器都是一个迭代器（但是迭代器不一定是生成器）。 如果一个函数包含yield关键字，这个函数就会变为一个生成器。 生成器并不
解释 yield 和 Generators（生成器）
Monster丶ZF的博客
01-28 718
在开始课程之前，我要求学生们填写一份调查表，这个调查表反映了它们对 Python 中一些概念的理解情况。一些话题（“if/else 控制流”或者“定义和使用函数”）对于大多数学生是没有问题的。但是有一些话题，大多数学生只有很少，或者完全没有任何接触，尤其是“生成器和 yield 关键字”。我猜这对大多数新手 Python 程序员也是如此。 有事实表明，在我花了大功夫后，有些人仍然不能理解生成器和 ...
前端提高篇(134):es6异步过程(Generator执行顺序)
安之ccy的博客
04-27 235
看普通的generator代码： function *createFlow(){ const num = 10; const newNum = yield num + 2; yield newNum + 2; } let it = createFlow(); console.log( it.next() ); // {value:12, done:false} console.log( it.next(12) ); // {value:14, done:false} console.
JavaScript 异步调用框架 (Part 3 – 代码实现)
01-19
还可以学IAsyncResult，加一个state，允许异步操作的实现者对外暴露自定义的执行状态；最后加一个变量保存异步操作结果。 代码如下: Async = { Operation: { var callbackQueue = []; this.result = undefined; this...
Python 中由 yield 实现异步操作
01-20
①返回一个值、②接收调用者的参数 分析下面的代码： #!/usr/bin/env python3 # -*- coding:utf-8 -*- def consumer(): r = '' while True: n = yield r print([Consumer] n = %d %n) if not n: return ...
JavaScript利用fetch实现异步请求的方法实例
10-19
传递信息到服务器，从服务器获取信息，是前端发展的重中之重，尤其是现在前后端分离的大前提下，前后端的数据交互是前端的必修科目了，下面这篇文章主要给大家介绍了关于JavaScript利用fetch实现异步请求的相关资料...
python yield和Generator函数用法详解
09-17
Python中的`yield`关键字和Generator函数是Python编程中一种高效且节省内存的机制，它们用于创建迭代器。本文将深入探讨`yield`的工作原理以及如何使用Generator函数。 首先，让我们理解`yield`的关键作用。在普通...
异步流程控制 java_使用yield进行异步流程控制
weixin_42297846的博客
02-26 127
现状目前我们对异步回调的解决方案有这么几种：回调，deferred/promise和事件触发。回调的方式自不必说，需要硬编码调用，而且有可能会出现复杂的嵌套关系，造成“回调黑洞”；deferred/promise方式则对使用者而言简洁明了，在执行异步函数之前就已经构造好了执行链--then链，而且实现也很灵活，具体可参考Promise的实现；事件机制则是一种观察者模式的实现，但也必须硬编码在异步执...
dva中不通过yield发送封装的请求并且获取返回的数据
Juniorselk的博客
03-28 3552
正常情况下我们会通过dispatch异步发送请求，但是数据异步导致了一些问题，所以这里我跳过了dispatch这一步，直接在函数中调用封装的请求。但是封装的请求返回的是一个promise对象，我们无法直接获取其中的数据，以下是我的处理方法，如果有更好的处理方案，欢迎提供参考学习。AddMenu({ //这里是请求需要的参数,}).then(function (res) { console....
Generator、yield用法
ZhaoYulin6的博客
06-10 785
Generator 1.用于异步编程 2.最大的特点是交出函数耳钉执行权（暂停执行） 写法：funcation关键字与函数名之间有一个 星号 可以结合yield语句，定义不同的内部状态（状态，就是数据。内部的额状态，就是函数内部的值 ，它在不同的时候，是不一样的） 本质上，Generator函数就是一个封装的异步的任务。异步容器 需要使用.next()的方法进行启动，作用是分阶段执行Generator函数 每次调用.next()会返回一个对象 表示当前阶段的信息 ， value属性 done属性 1
Generate 函数精解之一
zjscy666的博客
07-10 4849
说起generator函数，先要了解它和普通函数的区别！大家都知道普通函数是不可阻断和挂起的，generator函数是可以阻断的，很多文档都喜欢用等待，但是我更喜欢使用阻断！ generator函数语法不难，*和yield，它生成一个迭代器，如果不清楚迭代器概念的，请自行百度。迭代器会对外暴露一个next方法，用来获取generator函数的相关yield内容。下面...
yield generate python_python 基础——generate生成器
weixin_39966053的博客
12-03 167
通过列表表达式可以直接生成列表，不过列表一旦生成就需要为所有元素分配内存，有时候会很消耗资源。所以，如果列表元素可以按照某种算法推算出来，这样就不必创建完整的list，从而节省大量的内存空间。在Python中，这种一边循环一边计算的机制，称为生成器(Generator)。创建列表法一：test = range(10)print type(test)# 法二：test = [item for ite...
ES6之Generate函数的next方法
singsingasong
09-25 1879
function* foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z); } var b = foo(5); b.next() // { value:6, done:false } b.next(12) // { value:8, done:false } b.next(
generator yield超详解
u011723812的博客
08-04 486
To understand what yield does, you must understand what generators are. And before generators come iterables. Iterables When you create a list, you can read its items one by one. Reading its i
初步理解Python中的生成器
weixin_34372728的博客
01-25 116
前言没有用过的东西，没有深刻理解的东西很难说自己会，而且被别人一问必然破绽百出。虽然之前有接触过python协程的概念，但是只是走马观花，这两天的一次交谈中，别人问到了协程，顿时语塞，死活想不起来曾经看过的东西，之后突然想到了yield，但为时已晚，只能说概念不清，所以本篇先缕缕python的生成器和yield关键字。什么是生成器生成器是一个特殊的程序，可以被用作控制循环的迭...
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 880
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
yield和send写一个多任务协作异步IO的协程的demo
05-24
好的，这是一个使用 yield 和 send 实现多任务协作异步 IO 的协程的示例代码： ```python import time def coroutine(): while True: value = yield print("[Coroutine] received value:", value) time.sleep...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值