Node async await 代码编写风格哪一种好且优化

Question

我以前用（样式 1）为 async-await 编写代码，其他开发人员建议我用（样式 2）编写。

谁能给我解释一下这两种风格有什么区别，对我来说似乎是一样的。

代码样式1：

const fixtures = await fixtureModel.fetchAll();
const team = await teamModel.fetch(teamId);

代码风格2：

const fixturesPromise = fixtureModel.fetchAll();
const teamPromise = teamModel.fetch(teamId);

const fixtures = await fixturesPromise;
const team = await teamPromise;

Answer 1

它们不一样。

第一个会初始化一个 Promise，等待它完成，然后再初始化另一个 Promise，等待第二个 Promise 完成。

第二个将同时初始化两个 Promise 并等待 both 完成。因此，它将花费更少的时间。这是一个类似的例子：

// Takes twice as long as the other:

const makeProm = () => new Promise(resolve => setTimeout(resolve, 1000));

console.log('start');
(async () => {
  const foo = await makeProm();
  const bar = await makeProm();
  console.log('done');
})();

// Takes half as long as the other:

const makeProm = () => new Promise(resolve => setTimeout(resolve, 1000));

console.log('start');
(async () => {
  const fooProm = makeProm();
  const barProm = makeProm();
  const foo = await fooProm;
  const bar = await barProm;
  console.log('done');
})();

但您可以考虑改用Promise.all 使代码更清晰：

const [fixtures, team] = await Promise.all([
  fixtureModel.fetchAll(),
  teamModel.fetch(teamId)
]);