Обработка ошибок с помощью Promise.all

Question

я столкнулся вопрос в отношении обработки ошибок с Promise.all

Я хотел бы ожидать следующий код для вызова крылатой части цепи, когда один из getNetworkstuff() Promises терпит неудачу. Но вместо этого он просто вызывает следующую, затем часть, а в Консоли браузера отображается нечеткая ошибка.

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 не называется? (Я знаю, что если я просто массив Promises в Promise.all() из которых один отторгает)

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); 
}); 

Ваш вопрос Followup: how are they kicked of if not being recognized as promises

Вы можете видеть, что приведенный ниже код имеет такой же шаблон, что вы делаете с вашим массива из массива результатов функций, которые могут или не могут возвращать обещания? Во всяком случае, уберите обещания и затем материал ... и у вас есть это

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