在外部范围内的变量上使用await inline

Question

(async function iife () {
  const numbers = [1, 2, 3, 4]
  let count = 0
  async function returnNumberAsync (number) {
    return new Promise(resolve => {
      setTimeout(() => resolve(number), 0)
    })
  }
  await Promise.all(numbers.map(async number => {
    count += await returnNumberAsync(number)
  }))
  console.log(count)
})()

此代码段记录4到控制台，这完全超出了我的范围。一旦将内部的承诺值分配map给它自己的局部变量…

const result = await returnNumberAsync(number)
count += result;

…它的记录10与我期望的一样。当我count += await …??

Answer 1

当你这样做count += await <expression>，初始值count将被添加到决心值保存之前的await部分得到解决。所以

count += await returnNumberAsync(number)

就好像

count = count + await returnNumberAsync(number)

如你看到的：

count += await returnNumberAsync(number)

在4个闭包中的每个闭包中，count在awaits解析之前被视为0 ，因此仅在最终的await微任务中解析为

count += await returnNumberAsync(4)
// or
count = 0 + await returnNumberAsync(4)
// or
count = 4

确实4分配给count。其他数字已分配给count较早的事实将被忽略。它们确实发生了，但是最终迭代的分配是您在当前代码中看到的全部。