Làm thế nào để tôi chờ đợi một lời hứa kết thúc trước khi trả về biến của hàm?

Tôi vẫn đang vật lộn với những lời hứa, nhưng đã đạt được một số tiến bộ nhờ vào cộng đồng ở đây.

Tôi có một hàm JS đơn giản truy vấn cơ sở dữ liệu Parse. Nó được cho là trả về mảng kết quả, nhưng rõ ràng do tính chất không đồng bộ của truy vấn (do đó là lời hứa), hàm trả về trước kết quả, để lại cho tôi một mảng không xác định.

Tôi cần làm gì để thực hiện chức năng này chờ kết quả của lời hứa?

Đây là mã của tôi:

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

}

Thay vì trả về, resultsArraybạn trả lại một lời hứa cho mảng kết quả và sau thenđó trên trang web cuộc gọi - điều này có thêm lợi ích của người gọi khi biết chức năng này đang thực hiện I / O không đồng bộ. Mã hóa đồng thời trong JavaScript dựa trên điều đó - bạn có thể muốn đọc câu hỏi này để có ý tưởng rộng hơn:

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

Bạn có thể xem thêm các ví dụ về việc sử dụng lời hứa phân tích cú pháp với các truy vấn trong bài đăng trên blog của Parse về nó .

Tôi cần làm gì để thực hiện chức năng này chờ kết quả của lời hứa?

Sử dụng async/await(KHÔNG phải là một phần của ECMA6, nhưng có sẵn cho Chrome, Edge, Firefox và Safari kể từ cuối năm 2017, xem canIuse )
MDN

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

Đã thêm do nhận xét: Hàm async luôn trả về một Promise và trong TypeScript, nó sẽ trông như sau:

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

Bạn không muốn làm cho hàm chờ, vì JavaScript được dự định là không chặn. Thay vì trả lại lời hứa ở cuối hàm, thì hàm gọi có thể sử dụng lời hứa để nhận phản hồi của máy chủ.

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

//Or return query.find(); 

Bạn không thực sự sử dụng lời hứa ở đây. Phân tích cú pháp cho phép bạn sử dụng các cuộc gọi lại hoặc lời hứa; lựa chọn của bạn.

Để sử dụng lời hứa, hãy làm như sau:

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

Bây giờ, để thực thi công cụ sau khi lời hứa hoàn thành, bạn có thể thực hiện nó bên trong cuộc gọi lại lời hứa bên trong then()cuộc gọi. Cho đến nay điều này sẽ giống hệt như các cuộc gọi lại thông thường.

Để thực sự sử dụng tốt các lời hứa là khi bạn xâu chuỗi chúng, như thế này:

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