Jak czekać na zakończenie obietnicy przed zwróceniem zmiennej funkcji?

Wciąż zmagam się z obietnicami, ale robię postępy dzięki społeczności tutaj.

Mam prostą funkcję JS, która wysyła zapytania do bazy danych Parse. Ma zwrócić tablicę wyników, ale oczywiście ze względu na asynchroniczny charakter zapytania (stąd obietnice) funkcja zwraca przed wynikami, pozostawiając mnie z niezdefiniowaną tablicą.

Co muszę zrobić, aby ta funkcja czekała na wynik obietnicy?

Oto mój kod:

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");
               }
    });                           

}

Zamiast resultsArrayzwracać a, zwracasz obietnicę dla tablicy wyników, a następnie thentę w witrynie wywołania - ma to dodatkową zaletę, że wywołujący wie, że funkcja wykonuje asynchroniczne operacje we / wy. Na tym opiera się współbieżność kodowania w JavaScript - możesz przeczytać to pytanie, aby uzyskać szersze pojęcie:

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
});

Więcej przykładów użycia obietnic parsowania z zapytaniami można znaleźć we własnym poście w blogu Parse na ten temat .

Co muszę zrobić, aby ta funkcja czekała na wynik obietnicy?

Użyj async/await(NIE jest częścią ECMA6, ale dostępne dla Chrome, Edge, Firefox i Safari od końca 2017 r., Patrz canIuse )
MDN

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

Dodano komentarz: Funkcja asynchroniczna zawsze zwraca Obietnicę, aw TypeScript wyglądałaby tak:

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

Nie chcesz, aby funkcja czekała, ponieważ JavaScript ma nie blokować. Zamiast zwracać obietnicę na końcu funkcji, funkcja wywołująca może użyć obietnicy do uzyskania odpowiedzi serwera.

var promise = query.find(); 
return promise; 

//Or return query.find(); 

W rzeczywistości nie używasz tutaj obietnic. Parse pozwala na użycie wywołań zwrotnych lub obietnic; Twój wybór.

Aby skorzystać z obietnic, wykonaj następujące czynności:

query.find().then(function() {
    console.log("success!");
}, function() {
    console.log("error");
});

Teraz, aby wykonać rzeczy po zakończeniu obietnicy, możesz po prostu wykonać ją w wywołaniu zwrotnym obietnicy w then()wywołaniu. Jak dotąd byłoby to dokładnie to samo, co zwykłe wywołania zwrotne.

Aby rzeczywiście dobrze wykorzystać obietnice, należy je połączyć w łańcuch, na przykład:

query.find().then(function() {
    console.log("success!");

    return new Parse.Query(Obj).get("sOmE_oBjEcT");
}, function() {
    console.log("error");
}).then(function() {
    console.log("success on second callback!");
}, function() {
    console.log("error on second callback");
});