如何确保 TypeScript 中的执行顺序

Question

当我最终在 typescript 中遇到关于执行顺序的问题时，我正在尝试实现一些功能：

代码：

new Promise((resolve) => {
          setTimeout(()=>{
            console.log("function11111");
            resolve();
          }
          ,3000);      
          
        })
        .then(_=>{
          setTimeout(()=>{
            console.log("function22222");
          }
          ,2000);   
        })
        .then(_=>{
          setTimeout(()=>{
            console.log("function3333333");
          }
          ,1000);   
        }) 

输出：

function11111
function33333
function22222

我的问题是：

1)对于function1111，如果我们用一个需要几秒钟的函数替换这个console.log('fucntion1111')，在这种情况下，我的代码将在函数完成执行之前触发resolve()，那么如何确保等待我的功能

2）然后在我的代码中，为什么执行不尊重我的订单？我在想，promise 就是为此目的而创建的。

Answer 1

问题是一旦调用了初始的resolve()，所有then 处理程序都会同时被调用。而且由于每个都有不同的超时，因此输出顺序为function33333 and then functon2222。

要维持订单，您可以执行承诺链，等待前一个 promise 得到解决，然后再调用下一个 then() 块。

我已经把承诺锁起来了。如果您需要更多说明，请告诉我。

new Promise((resolve) => {
      setTimeout(()=>{
        console.log("function11111");
        resolve();
      }
      ,3000);

    })
    .then(_=> new Promise(resolve => {
      setTimeout(()=>{
        console.log("function22222");
        resolve();
      }
      ,2000);
      })
    )
    .then(_=> new Promise(resolve => {
      setTimeout(()=>{
        console.log("function3333333");
        resolve();
      }
      ,1000);
      })
    );