仅在上传数据后尝试使函数异步执行操作

Question

编辑在底部添加问题： 这目前可以正常运行，除了它没有异步运行（我认为这是异步等待尝试）。

我的问题是如何使提交流程异步，以便我可以仅在上传信息后执行操作（在这种情况下提示用户首选后续步骤）。

 const handleSubmit = async () => {
  
  try {
    if (image.value) {
      await uploadImage(image.value); <--I thought this was 
        asynchronous, but I tested and I don't think it is. 
    }

    const colRef = collection(db, "collection");

    //I thought the below was asynchronous, but it's not
    await addDoc(colRef, 
       {
      data: data.value <--placeholder
     
    });
    
      });
  } catch {

  }

  //code to run after addDoc is done, but it runs immediately
  $q.dialog({
      [content]
    })
};

更新：我已经用 .then 函数更改了 addDoc 函数，这似乎有效。当前的问题是我无法在运行 addDoc 函数之前完成 uploadImage 函数。

这是我对uploadImage函数的承诺，我知道这是草率和错误的：

 if (image.value) {
          return new Promise((resolve, reject) => {
            const newImage = uploadImage(image.value);
            resolve(newImage);
          });
        } else {
          console.log("error");
        }

Answer 1

您尝试使用的 async/await 方法只有在您的 uploadImage() 和 addDoc() 函数返回 JavaScript Promises 时才能按预期工作。

有关更多信息，请参阅来自 nodejs.dev 的 this article async/await。