javascript - How handle error in promise await and not break another promise?

Question

I have async function:

 async getLayers() {
     let arr = [];
     try {
     let thematicLayers = await new ThematicLayers(this.userRoles).get();
     let customLayers = await new CommonLayers(this.userRoles).get();

     arr.push(thematicLayers);
     arr.push(customLayers);

     } catch(err) {
        console.log('_________________');
        console.log(err);
     }
}

If at least one promise returns exception it comes to catch(). How to run await new ThematicLayers and await new CommonLayers independencty, now await new CommonLayer await await new ThematicLayers.

And how to handle case if one promise if succuss, another not?

question from:https://stackoverflow.com/questions/65942161/how-handle-error-in-promise-await-and-not-break-another-promise

Answer 1

use Promise.all https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

 Promise.all([
    new ThematicLayers(this.userRoles).get(),
    new CommonLayers(this.userRoles).get()
 ]).then(value =>
 {
    console.log(value);
    // your code
 }, reason =>
 {
    console.log(reason)
    // your code
 });