如何在等待承诺解决的同时执行代码？

Question

查看此示例代码：

var arrayToSend = [1,2,3,4,5,6,7,8,9]

function send(x){ // 'sends' the value. resolves after 1 second.
    return new Promise(resolve=>{
        setTimeout(()=>{
            resolve()
            console.log('sent '+x)
            },1000)
    })
}

function calculate(x){return x**2} // just an example, there would be something expensive here.

async function loopAndSendArray(){ 
    for (let val of arrayToSend){
        let calculatedVal = calculate(val)     //calculate this when waiting for the send promise to finish BUT don't send the value until it's resolved
        await send(calculatedVal)}
}

我希望脚本呼叫calculate（）在等待send（）前一个值的下一个值时要完成（以节省时间，否则将花费在承诺后计算它）。它不会以下一个值调用下一个send（），直到解决第一个值。

Answer 1

与其等待发送的调用，不如将调用分配给外部变量，然后在下一个迭代中调用计算后等待等待。

var arrayToSend = [1, 2, 3, 4, 5, 6, 7, 8, 9]

function send(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve()
      console.log('sent ' + x)
    }, 1000)
  })
}

function calculate(x) {
  return x ** 2
}

async function loopAndSendArray() {
  let lastSend;
  for (const val of arrayToSend) {
    const calculatedVal = calculate(val);
    await lastSend;
    lastSend = send(calculatedVal)
  }
  await lastSend;
}
loopAndSendArray();

无论计算是否需要比网络请求更多的时间，如果必须在串行中提出请求（如当前代码所做的那样），这都是最佳的。如果可以并行提出请求，并且计算时间少于网络请求，则可以一次计算并发送多个（或全部）。

Answer 2

由于async/等待是固有的顺序，因此您想以不同的顺序进行操作，但是此代码应该这样做：

async function loopAndSendArray() {
    let prevPromise;
    for (let val of arrayToSend) {
        let calculatedVal = calculate(val)
        await prevPromise;
        prevPromise = send(calculatedVal);
        // prevent unhandled rejections crashing the app in case `calculate` throws
        prevPromise.catch(e => {/* ignore */});
    }
    await prevPromise;
}