javascript - 为什么 javascript promise 不在 for 循环中异步？

Question

<分区>

Answer 1

您传递给Promise 构造函数(promise 执行器 函数)的函数被同步 调用。这样它就可以启动 promise 所代表的异步过程(无论它是什么)。

所以在你的代码中，loop1的executor函数同步运行，然后返回promise，然后同步运行loop2的executor函数；稍后，异步调用履行处理程序。

请记住:Promises 不会将同步事物变成异步事物。它们只是提供一种标准化的方法来观察那些已经异步的事物的结果。

如果您更新代码以模拟异步操作(在本例中我将使用 setTimeout)，您会看到 loop2 的处理程序在 之前被调用loop1 的，因为它更早地实现了:

const loop1 = length => new Promise((resolve) => {
  setTimeout(resolve, length, length)
})

const loop2 = length => new Promise((resolve) => {
  setTimeout(resolve, length, length)
})

const startTime = new Date().getTime()

loop1(800).then(result => {
  const endTime = new Date().getTime()
  const duration = endTime - startTime
  console.log(`loop1: ${duration}`, result)
}).catch(error => console.log('loop1 error:', error))

loop2(1).then(result => {
  const endTime = new Date().getTime()
  const duration = endTime - startTime
  console.log(`loop2: ${duration}`, result)
}).catch(error => console.log('loop2 error:', error))

const endTime = new Date().getTime()
const duration = endTime - startTime
console.log('duration', duration)