Як чекати, коли обіцянка закінчиться, перш ніж повернути змінну функції?

Я все ще борюся з обіцянками, але досягаю певного прогресу завдяки громаді тут.

У мене проста функція JS, яка запитує базу даних Parse. Він повинен повернути масив результатів, але очевидно, завдяки асинхронності характеру запиту (отже, і обіцянок), функція повертається перед результатами, залишаючи мені невизначений масив.

Що мені потрібно зробити, щоб ця функція чекала результату обіцянки?

Ось мій код:

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

}

Замість повернення a resultsArrayви повертаєте обіцянку для масиву результатів, а потім, thenщо на сайті виклику - це має додаткову перевагу абонента, знаючи, що функція виконує асинхронний ввід / вивід. Кодування одночасності в JavaScript засноване на тому - ви можете прочитати це питання, щоб отримати більш широке уявлення:

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 .

Що мені потрібно зробити, щоб ця функція чекала результату обіцянки?

Використовуйте async/await(НЕ є частиною ECMA6, але доступна для Chrome, Edge, Firefox та Safari з кінця 2017 року, див. CanIuse )
MDN

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

Додано через коментар: Функція асинхронізації завжди повертає обіцянку, а в TypeScript це виглядатиме так:

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

Ви не хочете змушувати функцію чекати, тому що JavaScript призначений не блокувати. Швидше поверніть обіцянку в кінці функції, тоді функція виклику може використовувати обіцянку, щоб отримати відповідь сервера.

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

//Or return query.find(); 

Ви фактично не використовуєте тут обіцянок. Аналіз дозволяє використовувати зворотні дзвінки або обіцянки; твій вибір.

Щоб використовувати обіцянки, виконайте наступне:

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

Тепер, щоб виконати матеріал після завершення обіцянки, ви можете просто виконати його всередині зворотного виклику обіцянки всередині then()виклику. Поки що це було б точно так само, як і звичайні зворотні дзвінки.

Насправді добре використати обіцянки - це коли ви їх ланцюгуєте так:

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