使用 Promise.all 加速执行一个同步任务和一个同步任务 - async await 语法

Question

假设我有三个功能：

异步函数 - asyncF() - 例如，它调用 REST API。

同步功能sync()

执行器函数 exec() 会尽快调用它们，最好是并行调用。

我希望使用“Async-await”语法编写exec()，而不使用“Callbacks”或“Promises”语法。

把它写成：

async exec(){
const [res1, res2]= await Promise.all([asyncF(), sync()])
...
}

有没有更好的办法？

Answer 1

const p = asyncF();
const syncResult = sync();
const asyncResult = await p;

启动异步任务，然后运行同步功能，然后等待承诺解决。

如果同步任务需要更长的时间，就不会有额外的等待异步任务，因为承诺已经解决：

function sync() {
  const end = new Date();
  end.setSeconds(end.getSeconds() + 3);
  //loop for 3 seconds
  for (let now = new Date(); now < end; now = new Date());
  
  return 2;
}

function asyncF() {
  //after 1 seconds return the value 40
  return new Promise(resolve => setTimeout(resolve, 1000, 40));
}

async function exec(){
  const p = asyncF();
  const syncResult = sync();
  const asyncResult = await p;
  
  return syncResult + asyncResult;
}

const start = new Date();
exec().then(result => {
  console.log(`result was ${result}; it took ${new Date() - start}ms`)
})

如果异步任务花费的时间更长，则需要额外等待 promise 解决：

function sync() {
  //return immediately
  return 2;
}

function asyncF() {
  //after 3 seconds return the value 40
  return new Promise(resolve => setTimeout(resolve, 3000, 40));
}

async function exec(){
  const p = asyncF();
  const syncResult = sync();
  const asyncResult = await p;
  
  return syncResult + asyncResult;
}

const start = new Date();
exec().then(result => {
  console.log(`result was ${result}; it took ${new Date() - start}ms`)
})

当然，这假定异步任务是正确异步的。异步函数仍将同步执行，直到它到达 await 或结束。

请注意，如果存在风险，仍应处理异步拒绝。 await p 应在 try/catch 中或附加 .catch() 处理程序。

Answer 2

你不能真正并行运行两件事

这也取决于你的异步函数是如何工作的，这里的异步函数将阻塞整个线程几乎一秒钟：

exec()

async function exec() {
  const startTime = Date.now()
  const [res1, res2] = await Promise.all([asyncF(), sync()])
  console.log('finished', Date.now() - startTime, 'ms')
}

function asyncF() {
  console.log('start async')
  return Promise.resolve().then(() => {
    let i = 100000000;
    let x = 0
    while (i--) {
      x += Math.random()
    }
    return 'async'
  })
}

function sync() {
  console.log('start sync')
  return 'sync'
}

关于评论中的问题：

Promise.all在这里真正做的是替换map函数

exec()

async function exec() {
  const values = await Promise.all([sync(), sync(), sync()])
  console.log(values)
  
  const values2 = [sync, sync, sync].map(fn => fn())
  console.log(values2)
}

function sync() {
  return Math.random()
}

这个会比较好吗？不

它更快吗？也没有