Comment attendre la fin d'une promesse avant de renvoyer la variable d'une fonction?

J'ai encore du mal avec les promesses, mais je fais des progrès grâce à la communauté ici.

J'ai une fonction JS simple qui interroge une base de données Parse. Il est censé renvoyer le tableau des résultats, mais évidemment en raison de la nature asynchrone de la requête (d'où les promesses), la fonction retourne avant les résultats, me laissant avec un tableau non défini.

Que dois-je faire pour que cette fonction attende le résultat de la promesse?

Voici mon code:

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

}

Au lieu de renvoyer un, resultsArrayvous renvoyez une promesse pour un tableau de résultats, puis thensur le site d'appel - cela présente l'avantage supplémentaire de savoir que l'appelant sait que la fonction effectue des E / S asynchrones. Le codage de la concurrence en JavaScript est basé sur cela - vous voudrez peut-être lire cette question pour avoir une idée plus large:

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

Vous pouvez voir plus d'exemples d'utilisation de promesses d'analyse avec des requêtes dans le propre blog de Parse à ce sujet .

Que dois-je faire pour que cette fonction attende le résultat de la promesse?

Utiliser async/await(NE FAIT PAS partie d'ECMA6, mais disponible pour Chrome, Edge, Firefox et Safari depuis fin 2017, voir canIuse )
MDN

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

Ajouté en raison d'un commentaire: une fonction asynchrone renvoie toujours une promesse, et dans TypeScript, cela ressemblerait à:

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

Vous ne voulez pas faire attendre la fonction, car JavaScript est destiné à être non bloquant. Renvoyez plutôt la promesse à la fin de la fonction, puis la fonction appelante peut utiliser la promesse pour obtenir la réponse du serveur.

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

//Or return query.find(); 

Vous n'utilisez pas réellement de promesses ici. Parse vous permet d'utiliser des rappels ou des promesses; votre choix.

Pour utiliser les promesses, procédez comme suit:

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

Maintenant, pour exécuter des choses une fois la promesse terminée, vous pouvez simplement l'exécuter dans le rappel de promesse à l'intérieur de l' then()appel. Jusqu'à présent, ce serait exactement la même chose que les rappels réguliers.

Pour faire bon usage des promesses, c'est quand vous les enchaînez, comme ceci:

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