Promise 实现队列

古城微笑少年丶 2022-03-09 03:35 225阅读 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 条评论，225人围观）

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

相关阅读

相关 Promise - （二）Promise核心实现

目录回调地狱问题及其产生根因解决回调地狱问题：Promise的设计思路 Promise构造函数的内部细节 Promise构造函数和excutor执行器函数的关系

阳光穿透心脏的1/2处/ 2023年10月01日 08:09/ 0 赞/ 34 阅读

相关 Promise详解与实现（Promise/A+规范）

1.什么是Promise? > Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异

青旅半醒/ 2023年07月12日 09:25/ 0 赞/ 9 阅读

相关手动实现Promise.all

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

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

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

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

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

相关 Promise的实现

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

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

相关 javascript 实现取消promise

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

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

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

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

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

相关 Promise简单实现

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

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

相关 Promise 实现队列

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

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

相关 promise 实现红绿灯

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

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