Bir fonksiyonun değişkenini döndürmeden önce bir sözün bitmesini nasıl beklerim?

Hala vaatlerle mücadele ediyorum, ama buradaki topluluk sayesinde biraz ilerleme kaydediyorum.

Bir ayrıştırma veritabanı sorgulayan basit bir JS işlevi var. Sonuç dizisini döndürmesi gerekiyordu, ancak açıkça sorgunun eşzamansız doğası (dolayısıyla vaatler) nedeniyle, işlev sonuçlardan önce geri dönerek beni tanımsız bir dizi ile bırakıyor.

Bu fonksiyonun sözün sonucunu bekletmesi için ne yapmam gerekir?

İşte benim 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");
               }
    });                           

}

Bir döndürmek yerine resultsArraybir sonuç dizisi için bir söz döndürür ve daha sonra thençağrı sitesinde - bu fonksiyonun zaman uyumsuz G / Ç gerçekleştirdiğini bilerek arayanın ek yararı vardır. Eşzamanlılığı JavaScript'te kodlamak buna dayanır - daha geniş bir fikir edinmek için bu soruyu okumak isteyebilirsiniz :

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

Ayrıştırma sözlerini Parse'nin kendi blog gönderisinde sorgularla kullanma konusunda daha fazla örnek görebilirsiniz .

Bu fonksiyonun sözün sonucunu bekletmesi için ne yapmam gerekir?

Kullanım async/await(ECMA6'nın bir parçası DEĞİL, ancak 2017 sonundan beri Chrome, Edge, Firefox ve Safari için kullanılabilir, bkz. CanIuse )
MDN

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

Yorum nedeniyle eklendi: Zaman uyumsuz bir işlev her zaman bir Promise döndürür ve TypeScript'te şöyle görünür:

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

JavaScript'in engelleme olmaması amaçlandığından işlevi bekletmek istemezsiniz. Bunun yerine, fonksiyonun sonunda vaadi döndürürseniz, çağıran fonksiyon sunucu cevabını almak için vaadi kullanabilir.

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

//Or return query.find(); 

Aslında burada vaatler kullanmıyorsunuz. Ayrıştırma, geri aramaları veya vaatleri kullanmanıza olanak tanır; senin seçimin.

Vaatleri kullanmak için aşağıdakileri yapın:

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

Şimdi, söz tamamlandıktan sonra bir şeyler yürütmek için, söz konusu öğeyi çağrı içindeki sözlü geri arama içinde yürütebilirsiniz then(). Şimdiye kadar bu normal geri aramalarla tamamen aynı olurdu.

Sözleri gerçekten iyi kullanmak, onları zincirlediğiniz zamandır, şöyle:

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