淡入完成后淡出后的异步/等待超时

Question

我有这段代码，它基本上可以： -- ajax（promise）执行时： - 淡出，以及淡出完成时： --淡入：

async function loadForm (data) {

   let promiseForm = pForm(data);
   await promiseForm.then(function(data) {

          setTimeout(function () {

            $container.fadeOut(function() {
                $container.append(msg);
                $container.fadeIn();
            });

          }, 800);
    });

}

但现在我需要处理所有这一切

我试过这段代码但没有成功，因为 Jquery 选择器是在淡出回调之前执行的，所以 $container html 还没有被追加。

async function loadForm (data) {

 let promiseForm = pForm(data);
 await promiseForm.then(function(data) {

        setTimeout(function () {

          $container.fadeOut(function() {
              $container.append(msg);
              $container.fadeIn();
          });

        }, 800);

  });

}
async function checkActiveForm() {

  let promiseActiveForm = pCheckActiveForm
  await promiseActiveForm.then((json) => {

          loadForm(data).then(function() {
              $(document).find("#"+logEvento.id).prop('checked',true); 
              //This element is created on the $container.append(msg) of "A" function
          });
  });

}

---

---

已解决：

async function loadForm (data) {

   let promiseForm = pForm(data);
   var msg ;
   await promiseForm.then(function(data) {
       msg = response;
    });

    await new Promise(res => {
       setTimeout(function () {

          $container.fadeOut(function() {
             $container.append(msg);
             $container.fadeIn();

             res();
          });

        }, 800);
    }

}

Answer 1

JavaScript 不知道 setTimeout 是异步的，而且您也不会以任何方式告诉它。您应该在setTimeout 回调中告知流程再次同步。

相反，您正在启动超时并继续（无论它是否在承诺中！）。

此外，您的 await 是无用的，因为您正在等待两个 Promise 来解决，但在等待之后您什么也没做。

也许你的意思是这样的：

await promiseForm; // Wait the first promise
await new Promise (res => { // Wait the timeout
      setTimeout(function () {
        $container.fadeOut(function() {
            $container.append(msg);
            $container.fadeIn();
            res();
        });
      }, 800);
});
// Do something after that everything happened

PS。两个promise需要依次执行吗？您不能将它们并行化（提高性能）吗？

也许你可以使用Promise.all