Promise 串行调用面试题

最新看到一个比较有趣的面试题:

怎么串行执行 Promise ?

这里简单给大家介绍下解答。针对多个 Promise 方法,原生提供了 allrace 方法。但是,他们都不是串行执行。那应该如果执行串行方法?这里介绍两种写法:

递归执行

简单来说就是在 then 方法里面递归传递下一次异步方法: then(next())

function iteratorPromise(arr){

    (function iter(){
        if(arr.length)
            arr.shift()().then(iter)
    })()
}

let arr = [()=>{
    return new Promise(res=>{
        console.log("run", Date.now());
        res()
    })
},()=>{
    return new Promise(res=>{
        console.log("run", Date.now());
        res()
    })
},()=>{
    return new Promise(res=>{
        console.log("run", Date.now());
        res()
    })
}]

iteratorPromise(arr);

// output
run 1529918098567
run 1529918098568
run 1529918098569

循环调用

这种办法比较取巧,直接利用 Promise.resolve()。通过循环赋值,得到最终的结果。

function iteratorPromise(arr){

    let res = Promise.resolve();

    arr.forEach(fn=>{
        res = res.then(()=>fn()) // 关键是 res=res.then... 这个逻辑
    })
}

let arr = [()=>{
    return new Promise(res=>{
        setTimeout(()=>{
            console.log("run", Date.now());
            res()
        },1000)

    })
},()=>{
    return new Promise(res=>{
        setTimeout(()=>{
            console.log("run", Date.now());
            res()
        },1000)

    })
},()=>{
    return new Promise(res=>{
        setTimeout(()=>{
            console.log("run", Date.now());
            res()
        },1000)

    })
}]

iteratorPromise(arr);


// output
run 1529918643573
run 1529918644574
run 1529918645580

原文发布于微信公众号 - 前端小吉米(villainThr)

原文发表时间:2018-06-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏chenssy

【死磕Java并发】—–深入分析volatile的实现原理

通过前面一章我们了解了synchronized是一个重量级的锁,虽然JVM对它做了很多优化,而下面介绍的volatile则是轻量级的synchronized。如...

3257
来自专栏古时的风筝

Java 开发, volatile 你必须了解一下

872
来自专栏互联网大杂烩

小米面试经历

他是看了我写了一篇这样的博客才问的,可惜我都忘了自己写了啥!吃亏了,博客太久了,都忘记看了。链接如下: http://blog.csdn.net/zpdrea...

762
来自专栏芋道源码1024

【死磕Java并发】—–深入分析volatile的实现原理

通过前面一章我们了解了synchronized是一个重量级的锁,虽然JVM对它做了很多优化,而下面介绍的volatile则是轻量级的synchronized。如...

3385
来自专栏不止是前端

从实现一个Promise说起

1253
来自专栏我是攻城师

深入理解Java内存模型的语义

Java内存模型(JMM)给我们介绍了在当代不同的硬件架构情况下,多线程程序需要关注什么问题以及如何利用JMM来正确的处理这些问题。

985
来自专栏北京马哥教育

数据库的最简单实现

所有应用软件之中,数据库可能是最复杂的。 MySQL的手册有3000多页,PostgreSQL的手册有2000多页,Oracle的手册更是比它们相加还要厚。 但...

2696
来自专栏coder修行路

关于python单例的常用几种实现方法

这两天在看自己之前写的代码,所以正好把用过的东西整理一下,单例模式,在日常的代码工作中也是经常被用到,

912
来自专栏岑志军的专栏

(4)OC中消息和消息转发-02

1202
来自专栏java一日一条

死磕Java并发:深入分析volatile的实现原理

通过前面一章我们了解了synchronized是一个重量级的锁,虽然JVM对它做了很多优化,而下面介绍的volatile则是轻量级的synchronized。如...

382

扫码关注云+社区