Question

我正在尝试通过回调来理解异步等待行为。首先，我们来看看这个函数：

const assert = require('assert')

async function promiseReturner() {
  return Promise.resolve(Promise.resolve(Promise.resolve(Promise.resolve(42))))
}

(async function() {
  assert.equal(await promiseReturner(), 42)
})()

这使我安全地得出结论，无论如何，await关键字始终会解除承诺。

现在这是一个在一秒钟后返回一个数字的函数：

async function addTenAndReturnNumber(number) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(number)
    }, 1000)
  })
}

我用这个做了两个实验。首先是forEach循环。

(async function() {
  let variable;
  const result = [41, 42, 43].forEach(async (number) => {
    variable = await addTenAndReturnNumber(number)
  })
  console.log(variable) // undefined
})()

好的，太好了。看起来forEach回调在下一个tick中进行了评估，因此variable未定义（尽管这正是人们认为await不应该做的）。我们下一步尝试map：

(async function() {
  const result = [41, 42, 43].map(async (number) => {
    return await addTenAndReturnNumber(number)
  })
  console.log(result) // [Promise {}, Promise {}, Promise {}]
})()

我认为它会返回[51, 52, 53]，或者像undefined

那样返回

请注意我的问题是围绕这种行为以及为什么这样设计 - 这是规范中有意识的决定吗？我知道我可以使用for...of或Promise.all

谢谢！

Answer 1

async函数总是返回一个承诺（如果您await承诺，您将获得其实际价值。

将async函数传递给map()将返回async函数返回的数组，当然这是一个承诺。

您的forEach()回调会立即运行，但一旦它到达await，它只会在承诺结算后继续运行（保证在您的代码完成运行后）。

async-await回调行为

1 个答案: