Порядок промисов в AngularJS

Я делаю это, генерируя requestId, и в функции then() обещания я проверяю, исходит ли ответ от самого последнего requestId.

Хотя этот подход на самом деле не отменяет предыдущие промисы, он обеспечивает быстрый и простой способ убедиться, что вы обрабатываете ответ на самый последний запрос.

Что-то типа:

var activeRequest;
function doRequest(params){
    // requestId is the id for the request being made in this function call
    var requestId = angular.toJson(params); // I usually md5 hash this

    // activeRequest will always be the last requestId sent out
    activeRequest = requestId;

    $http.get('/api/something', {data: params})
        .then(function(res){
            if(activeRequest == requestId){
                // this is the response for last request

                // activeRequest is now handled, so clear it out
                activeRequest = undefined;
            }
            else {
                // response from previous request (typically gets ignored)
            }
        });
}

Изменить: в примечании я хотел добавить, что эту концепцию отслеживания requestId's можно также применять для предотвращения дублирования запросов. Например, в методе load(module, id) моей службы Data я выполняю небольшой процесс следующим образом:

1. создать requestId на основе параметров URL +.

2. проверить хеш-таблицу запросов для requestId

   • if requestId is not found: generate new request and store promise in hash-table
   • если requestId найдено: просто верните обещание из хеш-таблицы

3. Когда запрос завершится, удалите запись requestId из хеш-таблицы.

Отмена обещания просто заставляет его не вызывать функции onFulfilled и onRejected на этапе then. Итак, как упомянул @user2263572, всегда лучше отпустить обещание, не отмененное (в любом случае, собственные обещания ES6 нельзя отменить) и обработать это условие на этапе then (например, игнорировать задачу, если для глобальной переменной установлено значение 2, как показано на следующий фрагмент), и я уверен, что вы можете найти массу других способов сделать это. Одним из примеров может быть;

Извините, что я использую v (выглядит как контрольный символ) для resolve и x (очевидно) для reject функций.

var    prom1 = new Promise((v,x) => setTimeout(v.bind(null,"You shall not read this"),2000)),
       prom2,
validPromise = 1;
prom1.then(val => validPromise === 1 && console.log(val));
// oh what have i done..!?! Now i have to fire a new promise
prom2 = new Promise((v,x) => setTimeout(v.bind(null,"This is what you will see"),3000));
validPromise = 2;
prom2.then(val => validPromise === 2 && console.log(val));

Я все еще пытаюсь найти хороший способ модульного тестирования, но вы можете попробовать такую ​​стратегию:

var canceller = $q.defer();
service.sendCalculationRequest = function () {
    canceller.resolve();
    return $http({
        method: 'GET',
        url: '/do-calculation',
        timeout: canceller.promise
    });
};

В промисах ECMA6 есть Promise.race(promiseArray) метод . В качестве аргумента принимает массив обещаний и возвращает одно обещание. Первое обещание для разрешения в массиве передаст свое разрешенное значение .then возвращенного обещания, в то время как другие обещания массива, которые пришли вторыми и т. д., не будут ожидаться.

Пример:

var httpCall1 = $http.get('/api/something', {data: params})
    .then(function(val) { 
        return { 
            id: "httpCall1"
            val: val
        }
    })
var httpCall2 = $http.get('/api/something-else', {data: params})
    .then(function(val) { 
        return { 
            id: "httpCall2"
            val: val
        }
    })
// Might want to make a reusable function out of the above two, if you use this in Production
Promise.race([httpCall1, httpCall2])
    .then(function(winningPromise) {
        console.log('And the winner is ' + winningPromise.id);
        doSomethingWith(winningPromise.val);
    });

Вы можете использовать это с полифилом Promise или заглянуть в q.race, для которого кто-то разработал Angular (хотя я его не тестировал).