包含另一个异步等待承诺的承诺 - 如何解决？

Question

我需要连续发出两个帖子请求。有一个异步“post form”函数，它使用“await”关键字启动请求，结果在“then”块中处理。

我尝试通过等待一个承诺来完成这个发布请求，其中我调用了上面提到的异步函数。问题在于，似乎无法在函数"then" 块内解决承诺。

我有一些示例代码来显示问题（查看 start() 函数的开始位置）。见fiddle

//Returns a promise. It contains another async-await promise
function mainFunction() {

  return new Promise( () => {           //<-- this never resolves

       async function postForm(){

          //(Post a form)
         await new Promise( (resolve, reject) => {
              setTimeout(() => {
                resolve('resolved');
              }, 2000);

          }).then( response => {    // <-- how to resolve the first promise inside here?

               console.log('promise 2 response: ',response) 

               //Try to resolve the 1st promise (doesn't work)
               new Promise( (resolve,reject) => resolve('promise 1 resolved') );

          }).catch( error => {
              console.log(error)
          }) 
      }
      postForm();

  })

}

//Make two posts in succession
async function start(){ 

  //Post 1 - (never resolves)
  await mainFunction().then( response => {

        //(Next: make post request 2)

  }).catch( error => {
      console.log(error)
  })
}

start();

我怎样才能解决第一个承诺，还是不可能？还有其他解决方案吗？ 我们的想法是在第一个请求解决后发出另一个发布请求。

Answer 1

如果你使用 Promise，那么你使用 .then() 和 .catch() 如果你使用 async/ await 那么你不要使用 .then() 和 .catch() 因为 async / await 是语法糖，所以我们不需要嵌套我们一遍又一遍的回应。

如果您想使用 axios 或 fetch 发出 2 个帖子请求，那么您可以简单地使用 async / await，因为它们会返回一个承诺。

async function requests(){
   //await makes the request wait till it gets some response
   const response1 = await axios.post("url", {data});
   const response2 = await axios.post("url2", {data});

}