ฉันจะรอคำสัญญาให้เสร็จก่อนที่จะส่งคืนตัวแปรของฟังก์ชันได้อย่างไร

ฉันยังคงดิ้นรนกับคำมั่นสัญญา แต่ก็มีความคืบหน้าขอบคุณชุมชนที่นี่

ฉันมีฟังก์ชั่น JS ง่าย ๆ ซึ่งสอบถามฐานข้อมูลแยกวิเคราะห์ มันควรจะส่งคืนอาร์เรย์ของผลลัพธ์ แต่เห็นได้ชัดเนื่องจากธรรมชาติของการสืบค้นแบบอะซิงโครนัส

ฉันต้องทำอะไรเพื่อให้ฟังก์ชั่นนี้รอผลของสัญญา?

นี่คือรหัสของฉัน:

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

}

แทนที่จะส่งคืนresultsArrayคุณส่งคืนสัญญาสำหรับอาร์เรย์ผลลัพธ์และจากนั้นthenบนไซต์การโทร - สิ่งนี้มีประโยชน์เพิ่มเติมของผู้โทรที่รู้ว่าฟังก์ชันกำลังดำเนินการ I / O แบบอะซิงโครนัส การเห็นพ้องด้วยกันใน 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
});

คุณสามารถดูตัวอย่างเพิ่มเติมของการใช้คำสัญญาแจงกับแบบสอบถามในโพสต์บล็อกของตัวเองเกี่ยวกับเรื่องนี้

ฉันต้องทำอะไรเพื่อให้ฟังก์ชั่นนี้รอผลของสัญญา?

ใช้async/await(ไม่ใช่ส่วนหนึ่งของ ECMA6 แต่สามารถใช้ได้กับ Chrome, Edge, Firefox และ Safari ตั้งแต่ปลายปี 2560 ดูcanIuse )
MDN

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

เพิ่มเนื่องจากความคิดเห็น: ฟังก์ชั่น async ส่งคืน 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");
});