Come posso attendere il completamento di una promessa prima di restituire la variabile di una funzione?

Sto ancora lottando con le promesse, ma sto facendo progressi grazie alla comunità qui.

Ho una semplice funzione JS che interroga un database Parse. Dovrebbe restituire la matrice dei risultati, ma ovviamente a causa della natura asincrona della query (da qui le promesse), la funzione ritorna prima dei risultati, lasciandomi con una matrice indefinita.

Cosa devo fare per far aspettare questa funzione per il risultato della promessa?

Ecco il mio codice:

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

}

Invece di restituire un, resultsArraysi restituisce una promessa per un array di risultati e poi thenquello sul sito di chiamata - questo ha l'ulteriore vantaggio del chiamante che sa che la funzione sta eseguendo I / O asincroni. La concorrenza del codice in JavaScript si basa su questo: potresti voler leggere questa domanda per avere un'idea più ampia:

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

Puoi vedere altri esempi sull'uso delle promesse di analisi con le query nel post sul blog di Parse al riguardo .

Cosa devo fare per far aspettare questa funzione per il risultato della promessa?

Usa async/await(NON parte di ECMA6, ma disponibile per Chrome, Edge, Firefox e Safari dalla fine del 2017, vedi canIuse )
MDN

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

Aggiunto a causa di un commento: una funzione asincrona restituisce sempre una Promessa e in TypeScript sarebbe simile a:

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

Non si desidera far attendere la funzione, poiché JavaScript deve essere non bloccante. Piuttosto restituire la promessa alla fine della funzione, quindi la funzione chiamante può utilizzare la promessa per ottenere la risposta del server.

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

//Or return query.find(); 

In realtà non stai usando le promesse qui. Parse ti consente di utilizzare callback o promesse; la tua scelta.

Per utilizzare le promesse, procedi come segue:

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

Ora, per eseguire cose dopo che la promessa è stata completata, puoi semplicemente eseguirla all'interno del callback promessa all'interno della then()chiamata. Finora questo sarebbe esattamente lo stesso dei callback regolari.

Fare davvero buon uso delle promesse è quando le incateni, in questo modo:

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