问题：多个延时器顺序执行，依次打印

解决方案

本书未发布

多个Promise顺序执行的解决思路

代码文档 /

问题：多个延时器顺序执行，依次打印#

function a() {
    setTimeout(() => {
        console.log(1)
    }, 200)
}

function b() {
    setTimeout(() => {
        console.log(2)
    }, 10)
}

function c() {
    setTimeout(() => {
        console.log(3)
    }, 30)
}

// a()
// b()
// c()
// console.log(4)

解决方案#

function a() {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, 200, 1)
    })
}

function b() {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, 10, 2)
    })
}

function c() {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, 30, 3)
    })
}

1. 使用回调函数解决#

a().then(res => {
    console.log(res)
    b().then(res => {
        console.log(res)
        c().then(res => {
            console.log(res)
            console.log(4)
        })
    })
})

2. 使用 /then 链式调用#

Promise.resolve().then(() => a())
.then(res => console.log(res))
.then(() => b())
.then(res => console.log(res))
.then(() => c())
.then(res => console.log(res))
.then(() => console.log(4))

3. 使用 async/await 解决#

async function log(a, b, c) {
    const args = [].slice.call(arguments, 0)
    for (let item of args) {
        let res = await item()
        console.log(res)
    }
    console.log(4)
}
log(a, b, c)

本文章首发在 LearnKu.com 网站上。

352 声望

卡，卡，皮卡丘

推荐文章：

更多推荐...

分享一本一直更新的Gitbook，[为你自己学Go] 23 / 17 |

花了小半年开发的 AI 套壳 APP（Golang 后端），然而大势已过，现已完全开源啦 13 / 7 |

DDD在Gin中的工程实践；（有人看嘛？）欢迎留言讨论 11 / 14 |

lancet: 一个全面、高效、可复用的go语言工具函数库 10 / 14 |

里程碑！用自己的编程语言实现了一个网站 13 / 9 |

分享一个用go写的爬取异步加载网站数据的例子 11 / 3 |

讨论数量: 0

发起讨论查看所有版本

暂无话题~

Scroll to top