如何将异步函数的返回值分配给变量

如何解决如何将异步函数的返回值分配给变量

我是JavaScript的新手，并且一直在尝试阅读很多有关为何无法正常工作的信息。这是我的代码。我还在堆栈溢出时读过许多文章，但仍然感到困惑

如果我的标题没有意义，请提出修改建议

 listRef.listAll()
            .then(response => {
                let files = []  
                response.items.forEach(item => {
                    
                  var text
                  getText(item.name).then(res=>{text = res});
                    
                    const id = {uid: guid()}
                    const url = item.getDownloadURL().then(url => {return url} )
                    const gsurl = `gs://archivewebsite.appspot.com/${folder}/${item.name}`
                    files.push({...item,name:item.name,url,gsurl,id:id.uid,text})
                
                    });
                    this.files = files;
                  })
            .catch(error => console.log(error));


  async function getText(docID) {
        var docRef = firestore.collection("recipes").doc(docID);
        let doc = await docRef.get()
        if (doc.exists){
           return doc.data().text
         }
}

该代码“有效”的地方在于它将响应记录到控制台，但是 text 变量是一个未决的Promise对象。

我知道异步函数会返回一个Promise，所以当我调用getText时，我需要使用.then-我正在苦苦挣扎并重构了几次的代码是这样的：如何将doc.data（）。text的值分配给变量以供以后使用，换言之，var text如何成为实际的字符串而不是未决的promise对象

如果我要替换的话，也可以在异步函数中自己学习javascript

if (doc.exists){
           return doc.data().text
         }

使用

 if (doc.exists){
           return Promise.resolve(doc.data().text)
         }

在console.log中得到相同的结果-这是预期的吗？是回报，仅仅是处理者解决承诺的捷径吗？

我也将此代码重构为非异步的，并且得到相同的结果，其中我的var文本基本上是未决的诺言，而从未解析过的数据

感谢您的帮助-任何有助于向我解释这一点的文章都将是很棒的！我一直在学习有关udemy的课程，但现在对此几乎感到困惑

解决方法

实际上，您是将完整的承诺分配给变量 text

替换

var text = getText(item.name).then(res=>console.log(res))

作者

var text = await getText(item.name);

var text
getText(item.name).then(res=>{text = res});

当然text将会是Promise。 Promise.then()始终返回Promise。

考虑以下代码：

function doA(n) {
  // do something here...
  console.log("A" + n);
}
asnyc function doB(n) {
  // do something here...
  console.log("B" + n);
}

doA(1);
doA(2);
doB(3); // async
doA(4);
doB(5); // async
doB(6); // async
doA(7);

您期望输出是什么？

1、2、4和7将始终保持顺序，因为它们是同步执行的。
3永远不会在1和2之前打印。同样，5和6永远不会在1、2和4之前打印。
但是，3、5和6可以按任何顺序打印，因为异步函数不能保证创建后的执行顺序。
另外，4可以在3之前打印。同样，7可以在5和6之前打印。

基本上，可以将异步功能视为独立运行的并行任务（尽管并非如此；单线程JS仅模拟此行为）。它可以随时返回（完成/拒绝）。因此，您不能仅使用同步代码简单地将异步函数的返回值分配给变量-不能保证该值在同步执行时就可用（并且可能不可用）。

因此，您需要将所有需要设置text值的代码放入Promise的回调块中，如下所示：

getText(item.name).then((text) => {
  // put everything that uses text here
});

这当然会导致臭名昭著的“回调地狱”，在异步回调的各个层中都有层。有关详细信息和缓解技术，请参见http://callbackhell.com。

async/await只是做同一件事的新方法之一：MDN在这里有一篇很棒的文章：https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await

好吧，我与一个工作人员一起工作，找到了解决方案-与这篇文章有关 https://stackoverflow.com/a/37576787/5991792 我在每个循环的a内都使用了异步功能

重构后的代码在这里

async function buildFiles(){
  let items = await listRef.listAll()
  let files = []
  for (const item of item.items){
    const text = await getText(item.name)
    const url = await item.getDownloadURL()
    const gsurl = `gs://archivewebsite.appspot.com/${folder}/${sermon.name}`
    files.push({...item,name:item.name,url,gsurl,text})  
}
return files
}


 async function getText(docID) {
        var docRef = firestore.collection("recipies").doc(docID);
        let doc = await docRef.get()
        if (doc.exists){return await doc.data().text}}



buildFiles().then(res=>this.files = res)

也感谢@cyqsimon和@Nav Kumar V

如何将异步函数的返回值分配给变量

如何解决如何将异步函数的返回值分配给变量

解决方法

相关推荐