javascript中promise的执行顺序

Question

我有一个示例程序来了解 promises 和 async/ await 的工作原理。但是我对承诺的执行顺序有点困惑。任何人都可以解释这是如何工作的吗？

案例1

//Promise 1
let promiseTest = new Promise((resolve, reject) => {
  var k = 0;
  for(i=0; i< 1000; i++ ){
    k += i;
  }
  resolve(k);
  console.log("Inside promise1")
});

promiseTest.then((res)=> {
    console.log('Promise1 result : '+ res);
}).then(() => {
    promiseTest2.then((res) => {
        console.log(res)
    });
}).then(finish)
.catch((err) => {
 console.log(err)
});

//Promise 2
let promiseTest2 = new Promise ((resolve, reject) => {
    console.log("Inside promise2")
});

function finish(){
    console.log("finished promise");
}

为此，我得到的结果为

结果

Inside promise1
Inside promise2
Promise1 result : 499500
finished promise

案例2

我有另一个例子对 async/await 做同样的事情。但是按这个执行顺序是正确的。

//Async await test
async function AsyncTest(){
    console.log("Inside async1")
    var k = 0;
    for(i=0; i< 1000; i++ ){
      k += i;
    }
  console.log('async1 result : '+ k);
  const result =  await AsyncTest2();
  console.log(result)
  console.log("finished async");
}

async function AsyncTest2(){
   return "Inside async2";
}

AsyncTest();

结果

Inside async1
async1 result : 499500
Inside async2
finished async

谢谢。

Answer 1

如果您在 Promise 上调用 .then(cb)，则会创建一个新的 Promise 并由它返回，这将解析为回调 返回 的任何内容。如果那是一个 Promise 本身，则该 Promise 将在链继续之前等待。在你的情况下，你做了：

promiseTest.then((res)=> {
 console.log('Promise1 result : '+ res);
 return undefined; // implicit return
}).then(() => {
 /* doesnt matter what you do here */
 return undefined;
}).then(finish)

您是否将另一个.then 附加到另一个承诺与这个承诺链无关。