Promise 实现队列

古城微笑少年丶 2022-03-09 03:35 193阅读 0赞

实现队列

有时候我们不希望所有动作一起发生，而是按照一定顺序，逐个进行。

let promise=doSomething();
    promise = promise.then(dosomethingElse);
    promise = promise.then(dosomethingElse);
    promise = promise.then(dosomethingElse);
    ......

使用.foreach()

function queue(things){
        let promise =Promise.resolve();
        things.forEach(thing =>{
           promise=promise.then(()=>{
              return new Promise(resolve=>{
                 doThing(thing,()=>{
                    resolve();
                 });
              })
           })
        });
        return promise;
    }
    queue(['lots','of','things',....])

常见错误 没有把 .then()产生的新的Promise实例赋给Promise，没有生成队列

使用 .reduce()

function queue(things){
        return things.reduce((promise,things)=>{
           return promise.then( ()=>{
              return new Promise(resolve=>{
                 doThing(thing,()=>{
                    resolve();
                 })
              })
           })  
        },Promise.resolve());
      
    }
    
    queue(['lots','of','things',....]);

常见错误：Promise 实现创建之后，会立刻运行执行器代码，所以这个也无法达到队列的效果

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关手动实现Promise.all

想要实现Promise.all()功能，关键点 / 1、接受一个数组作为参数，或者具有 Iterator 接口的参数 2、参数支持Promise对

短命女/ 2022年12月29日 12:55/ 0 赞/ 117 阅读

相关手写promise，实现一个简易的promise

文案没编辑好，先上代码吧 const isFunction = variable => typeof variable === 'function'

港控/mmm°/ 2022年11月30日 12:41/ 0 赞/ 218 阅读

相关 Promise的实现

const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECT

叁歲伎倆/ 2022年11月29日 05:36/ 0 赞/ 159 阅读

相关 javascript 实现取消promise

Javascript 中，本身promise是不支持取消的，但是有时候，我们有些需求，希望能够取消。我们可以对异步请求进行封装，通过强制调用其reject，达到类似的取消操作。

绝地灬酷狼/ 2022年11月16日 00:56/ 0 赞/ 589 阅读

相关 Promise、Js异步之宏队列与微队列

回调原则： 1. 宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM事件回调/ajax回调 2. 微列队: 用来保存待执行的微任务(回

素颜马尾好姑娘i/ 2022年10月29日 12:29/ 0 赞/ 146 阅读

相关 javascript Promise 底层实现

class Promise{ constructor(executor){ this.PromiseState="pending

落日映苍穹つ/ 2022年09月11日 15:15/ 0 赞/ 89 阅读

相关 Promise简单实现

Promise 看了些promise的介绍，还是感觉不够深入，这个在解决异步问题上是一个很好的解决方案，所以详细看一下，顺便按照自己的思路实现一个简单的Promise。

末蓝、/ 2022年07月16日 01:18/ 0 赞/ 163 阅读

相关 Promise 实现队列

实现队列有时候我们不希望所有动作一起发生，而是按照一定顺序，逐个进行。 let promise=doSomething(); promise = prom

古城微笑少年丶/ 2022年03月09日 03:35/ 0 赞/ 194 阅读

相关 Promise实现sleep功能

async function test() { for (var i = 0; i < 10; i++) { await sle

比眉伴天荒/ 2022年01月28日 07:07/ 0 赞/ 246 阅读

相关 promise 实现红绿灯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

ゞ浴缸里的玫瑰/ 2022年01月09日 04:49/ 0 赞/ 196 阅读