javascript - Node.js foreach + promise

Question

我想像下面这样打印 arr=[1, 2, 3, 4]。

11012个1023个1034个104

但结果如下。

12个3个4个101102103104

我的代码

var arr = [1, 2, 3, 4];


var promises = [];
arr.forEach(function(elem){
    print(elem)
        .then(addAndPrint)
}
)

function print(elem){
    return new Promise(function(resolve, reject){
        console.log(elem);
        resolve(elem);
    });
}
function addAndPrint(elem){
    console.log(elem + 100);
}

我怎样才能得到我想要的结果？

Answer 1

.then 执行异步(类似于setTimeout(.., 0))(即使 promise 立即解析)，而new Promise((res, rej) => { 中的 promise 创建函数同步运行。因此，如果您同步 创建一堆 promise，例如 forEach 在主线程结束之前，这些 promises block 将在 任何 then 到达之前立即运行。

使用 await 和 reduce 或 for..of 确保迭代连续运行，而不是并行:

var arr = [1, 2, 3, 4];


var promises = [];
arr.reduce(async function(lastPromise, elem) {
  await lastPromise;
  return print(elem)
    .then(addAndPrint)
}, Promise.resolve())

function print(elem) {
  return new Promise(function(resolve, reject) {
    console.log(elem);
    resolve(elem);
  });
}

function addAndPrint(elem) {
  console.log(elem + 100);
}