Câu hỏi Làm thế nào tôi có thể chờ đợi để thiết lập các chức năng gọi lại không đồng bộ?

Bạn đã không được rất cụ thể với mã của bạn, vì vậy tôi sẽ tạo nên một kịch bản. Giả sử bạn có 10 cuộc gọi ajax và bạn muốn tích lũy kết quả từ 10 cuộc gọi ajax đó và sau đó khi họ hoàn tất, bạn muốn làm điều gì đó. Bạn có thể làm điều đó như thế này bằng cách tích lũy dữ liệu trong một mảng và theo dõi thời điểm kết thúc dữ liệu cuối cùng:

Bộ đếm thủ công

var ajaxCallsRemaining = 10;
var returnedData = [];

for (var i = 0; i < 10; i++) {
    doAjax(whatever, function(response) {
        // success handler from the ajax call

        // save response
        returnedData.push(response);

        // see if we're done with the last ajax call
        --ajaxCallsRemaining;
        if (ajaxCallsRemaining <= 0) {
            // all data is here now
            // look through the returnedData and do whatever processing 
            // you want on it right here
        }
    });
}

Lưu ý: xử lý lỗi rất quan trọng ở đây (không được hiển thị vì nó chỉ rõ cách bạn thực hiện cuộc gọi ajax). Bạn sẽ muốn suy nghĩ về cách bạn sẽ xử lý các trường hợp khi một cuộc gọi ajax không bao giờ hoàn thành, hoặc với một lỗi hoặc bị mắc kẹt trong một thời gian dài hoặc thời gian ra sau một thời gian dài.

jQuery Promises

Thêm vào câu trả lời của tôi trong năm 2014. Những ngày này, lời hứa thường được sử dụng để giải quyết loại vấn đề này kể từ khi jQuery $.ajax() đã trả lời một lời hứa và $.when() sẽ cho bạn biết khi một nhóm các lời hứa được giải quyết và sẽ thu thập kết quả trả về cho bạn:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push($.ajax(...));
}
$.when.apply($, promises).then(function() {
    // returned data is in arguments[0][0], arguments[1][0], ... arguments[9][0]
    // you can process it here
}, function() {
    // error occurred
});

ES6 Standard Promises

Theo quy định trong câu trả lời của kba: nếu bạn có môi trường với lời hứa gốc được tích hợp sẵn (trình duyệt hiện đại hoặc node.js hoặc sử dụng tập tin babeljs transpile hoặc sử dụng lời hứa polyfill), thì bạn có thể sử dụng lời hứa được chỉ định ES6. Xem cái bàn này để hỗ trợ trình duyệt. Lời hứa được hỗ trợ khá nhiều trong tất cả các trình duyệt hiện tại, ngoại trừ IE.

Nếu doAjax() trả về một lời hứa, sau đó bạn có thể làm điều này:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push(doAjax(...));
}
Promise.all(promises).then(function() {
    // returned data is in arguments[0], arguments[1], ... arguments[n]
    // you can process it here
}, function(err) {
    // error occurred
});

Nếu bạn cần phải thực hiện một hoạt động không đồng bộ không hứa hẹn thành một hoạt động trả về lời hứa, bạn có thể "quảng cáo" nó như sau:

function doAjax(...) {
    return new Promise(function(resolve, reject) {
        someAsyncOperation(..., function(err, result) {
            if (err) return reject(err);
            resolve(result);
        });
    });
}

Và, sau đó sử dụng mẫu ở trên:

var promises = [];
for (var i = 0; i < 10; i++) {
    promises.push(doAjax(...));
}
Promise.all(promises).then(function() {
    // returned data is in arguments[0], arguments[1], ... arguments[n]
    // you can process it here
}, function(err) {
    // error occurred
});

Lời hứa Bluebird

Nếu bạn sử dụng thư viện giàu tính năng hơn, chẳng hạn như Thư viện lời hứa Bluebird, sau đó nó có một số chức năng bổ sung được xây dựng để làm cho điều này dễ dàng hơn:

 var doAjax = Promise.promisify(someAsync);
 var someData = [...]
 Promise.map(someData, doAjax).then(function(results) {
     // all ajax results here
 }, function(err) {
     // some error here
 });