JavaScript and Asynchronous Operations: Do you really do it right?

async-operation.js

/** BAD, BLOCKS THE EXECUTION */
async function getOptions() {
  // request "toppings" and wait for the response
  // only then goes to the next line
  const toppings = await getToppings();
  const condiments = await getCondiments();
  const buns = await getBuns();
  
  
  return { toppings, condiments, buns };
}

/** GREAT, TAKE BENEFIT FROM ASYNC OPS */
async function getOptions() {
  // request all methods asynchronously 
  // and only resolves after all methods have either fulfilled or rejected 
  const [toppings, condiments, buns] = await Promise.allSettled([
    getToppings(),
    getCondiments(),
    getBuns(),
  ]);
  
  return { toppings, condiments, buns };
}