Node.js中异步函数b为何会出现迭代跳过问题？

嘿，这问题其实是个经典的变量作用域坑！你仔细看两个for循环里的n——它没有用let或const声明，所以变成了全局变量，被a()和b()两个函数共享了。

为什么同延迟时看起来正常？ #

当两个函数的sleep都是1ms时，它们的执行节奏几乎同步：a输出n，await；b输出n，await；然后同时唤醒，一起递增n……因为节奏一致，全局n的递增不会打乱彼此的循环，所以看起来符合预期。

不同延迟时出问题的核心原因 #

当a的延迟更短（1ms），它会比b快很多次迭代：

1. a先执行n=1，输出a 1，await 1ms
2. b执行n=1，输出b 1，await 3ms
3. 1ms后a唤醒，把全局n递增到2，输出a 2，再await
4. 这个过程不断重复，a会快速把全局n加到100
5. 等b的3ms到了，唤醒后检查n<100——这时候n已经是100了，循环直接终止，所以你看不到b后续的输出

修复方案：给循环变量加上let声明 #

只需要把两个for循环里的n改成局部变量，让它们各自独立就没问题了：

a()
b()

async function a() { 
  // 用let声明n，让它成为当前for循环的局部变量
  for (let n=1; n<100; n++) { 
    console.log('a', n) 
    await sleep(1) 
  } 
}

async function b() { 
  for (let n=1; n<100; n++) { 
    console.log('b', n) 
    await sleep(3) 
  } 
}

function sleep(ms) { 
  return new Promise((resolve) => { setTimeout(resolve, ms); }) 
}

这样修改后，a和b的循环变量n是各自函数内的局部变量，互不干扰。不管两个函数的延迟差多大，b都会完整输出1到99的所有数字，只是比a慢一些。

内容的提问来源于stack exchange，提问作者René