JavaScript中Promise中的执行顺序

Question

我有一个示例程序来了解 promises 和 async/ await 的工作方式。但是对于promise的执行顺序有些困惑。谁能解释这是如何工作的？

案例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，那么在链继续之前将等待该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附加到另一个承诺与该承诺链无关。