Overusing await

overusing-await.js

function findFooById(id) {
  // pretend this is a DB query or something asynchronous
  return Promise.resolve({
    id,
    name: 'Foo'
  });
}
async function findFoo1() {
  console.log('finding foo 1');
  const rval = await findFooById(1);
  console.log('I have foo 1');
  return rval;
}
function findFoo2() {
  console.log('finding foo 2');
  return findFooById(2);
}
export default async function () {
  const foo1P = findFoo1();
  const foo1 = await foo1P;
  console.log('I finally have foo 1');
  const foo2P = findFoo2();
  const foo2 = await foo2P;
  console.log('I finally have foo 2');
  return [await foo1, await foo2];
}
// Console output:
// finding foo 1
// I have foo 1
// I finally have foo 1
// finding foo 2
// I finally have foo 2
// [{"id":1,"name":"Foo"},{"id":2,"name":"Foo"}]