为什么我的 Promise 根本不执行 is.then()？

Question

我有一个想要运行的 promise 链，当它完成时，我resolve Promise（请参阅下面的代码以获取更多上下文），并期望我的.then()块运行......但它没有。 这是我的代码：

function notifications_for_each_in_array(iteration, the_array, error_array) {
    
    return new Promise(function(resolve, reject) {

        if(!iteration) iteration = 0;
        var error_array = error_array || [];

        var user_id = the_array[iteration];

        $.ajax({
            url: ".....my_url.....",
            type: "PUT",
            data: JSON.stringify({test: [user_id]}),
            success: function() {
                // ...
            }

        }).done(function(rez) {
            error_array.push(rez);

            iteration++;

            console.log("will stop: " + (the_array[iteration] == undefined));

            if(the_array[iteration] == undefined) { // reached the end
                console.log("Resolving...");
                resolve(error_array);
            } else {
                if(the_array[iteration] != undefined) {
                    console.log("Next: " + iteration);
                    notifications_for_each_in_array(iteration, the_array, error_array);
                } 
            }
            
            
        }).fail(function(err) {
            console.error(err);
        });
    });
}

上面的 function 可以工作，但是当我用 .then .then()调用它时， .then .then()块不会运行。 在此示例中，我从未收到警报（PS：我还尝试将notifications_for_each_in_array定义为async function，并使用await ，但得到相同的结果）：

notifications_for_each_in_array(0, [0,1,2,3], [])
.then(function(res) {
    alert("here is then()"); // I never get alerted!
});

Answer 1

您的代码不必要地复杂。 基本上你需要做的就是遍历输入数组并使用 async/await 来运行它们。

这是一个演示，演示了在循环中执行此操作应该多么容易。 您的$.ajax调用支持 async/await，如我对 httpbin 的假调用所示。 另请注意，我从未明确创建一个新的Promise这一切都是通过将 function 声明为async为您完成的。

 async function notifications_for_each_in_array(arr) { const errors = []; for(var i=0;i<arr.length;i++) { var result = await makeAjaxCall(arr[i]); errors.push("response from:" + result.args.id); } return errors; } const makeAjaxCall = (data) => { return $.ajax({ url:"https://httpbin.org/get?id=" + data, method:"GET", type:"JSONP" }) } const demo = async () => { var result = await notifications_for_each_in_array([0,1,2,3]); console.log(result); } demo()

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

您还应该注意，实际上不需要在执行下一个调用之前等待每个 http 调用。 你可以让它们全部并行！

 async function notifications_for_each_in_array(arr) { const errors = await Promise.all( arr.map(async data => { const res = await makeAjaxCall(data) return "response from: " + res.args.id; }) ); return errors; } const makeAjaxCall = (data) => { return $.ajax({ url:"https://httpbin.org/get?id=" + data, method:"GET", type:"JSONP" }) } const demo = async () => { var result = await notifications_for_each_in_array([0,1,2,3]); console.log(result); } demo()

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>