javascript - 延迟函数队列问题

问题描述

问 题

有两个function, 分别延迟2000ms执行，目的是先执行function1, 等function1结束再执行function2.我用promise决解了，下面贴代码。

function fn1 (resolve) {
    setTimeout (function () {
        log ('fn1');
        resolve ();
    }, 2000);
}
function fn2 (resolve) {
    setTimeout (function () {
        log ('fn2');
    }, 2000);
}

new Promise (fn1).then (fn2);

但如果是有三个function，我尝试过Promise chain 的写法，如下

function fn1 (resolve) {
    setTimeout (function () {
        log ('fn1');
        resolve ();
    }, 2000);
}
function fn2 (resolve) {
    setTimeout (function () {
        log ('fn2');
        resolve(); //error, resolve is not a function
    }, 2000);
}
function fn3 () {
    setTimeout (function () {
        log ('fn3');
    }, 2000);
}
new Promise (fn1).then (fn2).then (fn3);

在fn2 中提示没有定义resolve方法，请问这个要如何解决？
最终要达到的目的 : 各自function都等待两秒后执行。

解决方案

new Promise(fn1).then(() => new Promise(fn2)).then(() => new Promise(fn3))

这篇关于javascript - 延迟函数队列问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！