Jquery - 具有延迟和承诺但没有 setTimeout 的链函数

Question

我需要一个接一个地执行 2 个函数，函数“A”中的内容在函数“B”中的内容执行之前完全完成...

我找不到不使用 setTimeout 的示例……这很奇怪……

我有以下示例（from here），它应该工作吗？我如何测试它是否有效？我可以用什么虚拟代码来模拟“//用 SharePoint JSOM 做事”这部分需要 5 秒到 30 秒，比如说。

var a = function() {
var defer = $.Deferred();

//do stuff with SharePoint JSOM

console.log('a() called');

return defer;
};

var b = function() {
var defer = $.Deferred();

console.log('b() called');


return defer;
};



a().then(b);

Answer 1

简单地使用promise（vanilla JS）并将它们与then链接起来。

function a() {
    return new Promise(function(resolve) {
        console.log("wait two seconds ...");

        // this timeout is only here for demo purpose ;)
        setTimeout(function() {
            console.log("A");
            resolve();
        }, 2000);
    });
}

function b() {
    console.log("B");
}

a().then(b);

如果你想使用 jQuery deffered 几乎一样。

function a() {
    var defer = $.Deferred();
    
    console.log("wait two seconds ...");

    // this timeout is only here for demo purpose ;)
    setTimeout(function() {
        console.log("A");
        defer.resolve();
    }, 2000);
    
    return defer;
}

function b() {
    console.log("B");
}

a().then(b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>