在返回函数的变量之前,如何等待承诺完成?

2022-08-30 01:27:35

我仍然在为承诺而苦苦挣扎,但多亏了这里的社区,我取得了一些进展。

我有一个简单的JS函数,它查询Parse数据库。它应该返回结果数组,但显然由于查询的异步性质(因此是promise),函数在结果之前返回,给我留下了一个未定义的数组。

我需要做些什么才能使此函数等待承诺的结果?

这是我的代码:

function resultsByName(name)
{   
    var Card = Parse.Object.extend("Card");
    var query = new Parse.Query(Card);
    query.equalTo("name", name.toString());

    var resultsArray = [];

    var promise = query.find({
               success: function(results) {
               // results is an array of Parse.Object.
                             console.log(results);
                             //resultsArray = results;
                             return results;
               },

               error: function(error) {
               // error is an instance of Parse.Error.
                             console.log("Error");
               }
    });                           

}

答案 1

而不是返回一个你返回一个结果数组的承诺,然后在调用站点上 - 这有一个额外的好处,即调用方知道该函数正在执行异步I / O。JavaScript中的编码并发基于此 - 你可能想阅读这个问题以获得更广泛的想法:resultsArraythen

function resultsByName(name)
{   
    var Card = Parse.Object.extend("Card");
    var query = new Parse.Query(Card);
    query.equalTo("name", name.toString());

    var resultsArray = [];

    return query.find({});                           

}

// later
resultsByName("Some Name").then(function(results){
    // access results here by chaining to the returned promise
});

您可以在Parse自己的博客文章中看到更多将解析承诺与查询结合使用的示例。


答案 2

我需要做些什么才能使此函数等待承诺的结果?

使用(不是ECMA6的一部分,但自2017年底起可用于Chrome,Edge,Firefox和Safari,请参阅canIuse
MDNasync/await

    async function waitForPromise() {
        // let result = await any Promise, like:
        let result = await Promise.resolve('this is a sample promise');
    }

由于注释而添加:异步函数始终返回 Promise,在 TypeScript 中,它看起来像这样:

    async function waitForPromise(): Promise<string> {
        // let result = await any Promise, like:
        let result = await Promise.resolve('this is a sample promise');
    }