Promise.all 的错误处理

Question

我遇到了一个关于 Promise.all 错误处理的问题

我希望以下代码在getNetworkstuff() Promises 之一失败时调用链的捕获部分。但它只是调用下一个 then 部分，并且浏览器控制台显示未捕获的错误。

Promise.all(
    [[getNetworkstuff(url1)],[getNetworkstuff(url2)]]
    //please note that the arrays within the array are larger in my application
    //otherwise I would just use one big array not arrays in arrays
)
.then(function(result){//Stuff worked})
.catch(function(err){//Stuff broke});

function getNetworkstuff(url){
    return new Promise(function(resolve,reject){//here will be awesome network code})
}

我可以看到该承诺尚未履行，因为返回的 result 数组包含适当的拒绝承诺。

[[PromiseStatus]]: "rejected"
[[PromiseValue]]: Error: HTTP GET resulted in HTTP status code 404.

谁能告诉我为什么不调用catch？ （我知道如果我在 Promise.all() 中有一个 Promise 数组，其中一个拒绝）

Answer 1

看看你的控制台

function getNetworkstuff(url) {
    return new Promise(function(resolve, reject) {
        setTimeout(function() {
            console.log('resolving', url);
            resolve(url);
        }, 5000);
    });
}
Promise.all([[getNetworkstuff('url1')],[getNetworkstuff('url2')]])
.then(function(result){
    console.log('It worked', result);
})
.catch(function(err){
    console.log('It failed', result);
});

请注意它在解决任何问题前 5 秒输出“它有效”

Promise.all([getNetworkstuff('url1'), getNetworkstuff('url2')])
.then(function(result){
    console.log('It worked', result);
})
.catch(function(err){
    console.log('It failed', result);
});

现在比较不使用数组的数组 - 注意两种情况下It Worked 旁边记录的内容的差异

最后，运行这个

function getNetworkstuff(url) {
    return new Promise(function(resolve, reject) {
        if(url == 'url1') {
            setTimeout(function() {
                console.log('resolving', url);
                resolve(url);
            }, 5000);
        }
        else {
            console.log('rejecting', url);
            reject(url);
        }
    });
}

Promise.all([getNetworkstuff('url1'), getNetworkstuff('url2')])
.then(function(result){
    console.log('It worked', result);
})
.catch(function(err){
    console.log('It failed', result);
});

您的后续问题：how are they kicked of if not being recognized as promises

您是否看到下面的代码与您对可能返回或不返回 Promise 的函数结果数组所做的操作具有相似的模式？无论如何，拿走承诺和其他东西......你就得到了这个

function fn(s) {
    return s.toUpperCase();
}
function fn2(arr) {
    console.log(arr); // [["A"], ["B"]]
}
fn2([[fn('a')],[fn('b')]]);