Czekać na wszystkie obietnice do rozwiązania

Zaakceptowana odpowiedź jest prawidłowa. Chciałbym podać przykład, aby rozwinąć go nieco dla tych, którzy nie są zaznajomieni z promise.

Przykład:

W moim przykładzie muszę zastąpić src atrybuty znaczników img różnymi lustrzanymi adresami URL, jeśli są dostępne przed renderowaniem zawartości.

var img_tags = content.querySelectorAll('img');

function checkMirrorAvailability(url) {

    // blah blah 

    return promise;
}

function changeSrc(success, y, response) {
    if (success === true) {
        img_tags[y].setAttribute('src', response.mirror_url);
    } 
    else {
        console.log('No mirrors for: ' + img_tags[y].getAttribute('src'));
    }
}

var promise_array = [];

for (var y = 0; y < img_tags.length; y++) {
    var img_src = img_tags[y].getAttribute('src');

    promise_array.push(
        checkMirrorAvailability(img_src)
        .then(

            // a callback function only accept ONE argument. 
            // Here, we use  `.bind` to pass additional arguments to the
            // callback function (changeSrc).

            // successCallback
            changeSrc.bind(null, true, y),
            // errorCallback
            changeSrc.bind(null, false, y)
        )
    );
}

$q.all(promise_array)
.then(
    function() {
        console.log('all promises have returned with either success or failure!');
        render(content);
    }
    // We don't need an errorCallback function here, because above we handled
    // all errors.
);

Explanation:

From AngularJS docs :

Metoda then:

Then (successCallback, errorCallback, notifyCallback) - niezależnie od tego, kiedy obietnica została lub zostanie rozwiązana lub odrzucona, następnie wywołuje jeden z zakończonych sukcesem lub błędem wywołań zwrotnych asynchronicznie, gdy tylko wynik jest dostępny. Wywołania są wywoływane przez pojedynczy argument: wynik lub powód odrzucenia.

$q. all (promises)

Łączy wiele obietnic w jedną obietnicę, która jest rozwiązywana, gdy wszystkie obietnice wejściowe są rozwiązane.

The promises param może być szeregiem obietnic.

O bind(), Więcej informacji tutaj: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

Ostatnio miałem ten problem, ale z niewiadomą liczbą obietnic.Rozwiązane przy użyciu jQuery.map () .

function methodThatChainsPromises(args) {

    //var args = [
    //    'myArg1',
    //    'myArg2',
    //    'myArg3',
    //];

    var deferred = $q.defer();
    var chain = args.map(methodThatTakeArgAndReturnsPromise);

    $q.all(chain)
    .then(function () {
        $log.debug('All promises have been resolved.');
        deferred.resolve();
    })
    .catch(function () {
        $log.debug('One or more promises failed.');
        deferred.reject();
    });

    return deferred.promise;
}

Jest sposób. $q.all(...

Możesz sprawdzić poniższe rzeczy:

Http://jsfiddle.net/ThomasBurleson/QqKuk/

Http://denisonluz.com/blog/index.php/2013/10/06/angularjs-returning-multiple-promises-at-once-with-q-all/

Możesz użyć " wait "w"funkcji asynchronicznej" .

app.controller('MainCtrl', async function($scope, $q, $timeout) {
  ...
  var all = await $q.all([one.promise, two.promise, three.promise]); 
  ...
}

Uwaga: nie jestem w 100% pewien, że można wywołać funkcję asynchroniczną z funkcji nie-asynchronicznej i mieć odpowiednie wyniki.

To powiedziało, że to nigdy nie będzie używane na stronie internetowej. Ale do testowania obciążenia/testu integracji...może.

Przykładowy kod:

async function waitForIt(printMe) {
  console.log(printMe);
  console.log("..."+await req());
  console.log("Legendary!")
}

function req() {
  
  var promise = new Promise(resolve => {
    setTimeout(() => {
      resolve("DARY!");
    }, 2000);
    
  });

    return promise;
}

waitForIt("Legen-Wait For It");