Остановить ожидающую функцию async в JavaScript

Question

Здесь у меня есть две JS-асинхронные функции, запущенные одновременно.

Когда кто-то закончил (callback был запущен), я хотел бы остановить другого, чтобы идти вперед. Однако (это моя проблема) Я не могу использовать глобальные vars. Тогда я хотел бы знать, можно ли остановить ожидающую функцию в JS или каким-либо образом решить мою проблему.

Я признателен за любые ответы :)

EDIT:

Некоторые уточнений:

• Я здесь с использованием чистых JS. HTML не предоставлен.
• Когда я говорю об асинхронном, это может быть любая асинхронная функция, а не только ajax (база данных, время ожидания и т. Д.).
• Мы не знаем их время выполнения.

О коде, вот пример того, что я хотел бы произвести:

asyncFirst(
    // ... args 
    function() { // callback 
     console.log('foo'); 
     stopOther(); 
    } 
); 

asyncSecond(
    // ... args 
    function() { // callback 
     console.log('bar'); 
     stopOther(); 
    } 
); 

asyncFirst(...); 
asyncSecond(...); 

Какой алгоритм для stopOther() без использования «состояние» Варс?

Answer 1

К сожалению, нет способа остановить асинхронный метод работы без использования 'state' var. После вызова метод нельзя остановить, даже используя очень «низкоуровневые» методы JS.

Для «state» var, пожалуйста, проверьте ответ Джареда Смита.

Answer 2

Ну, если вы не можете использовать глобальные переменные, что-то, чтобы сказать вам, чтобы не процесс ...

1) положить что-то в скрытом поле и проверить это значение.

2) сделайте вызов ajax для проверки сервера сервера флагов.

это единственное, что я вижу.

Answer 3

Если эти функции выполняются в том же объеме, вы можете просто установить переменный флаг и использовать его в качестве охранника в конце каждого обратного вызова:

var flag = false; 
function async1() { 
    //check if other function is done 
    if (!flag) { 
     //do stuff 
    } 
    flag = true; 
} 

function async2() { 
    //same structure as the first 
} 

Если они работают в глобальной области вам нужно будет использовать предложение Пола С. IIFE

(function() { 
    var flag = false; 
    function async1() { 
     //check if other function is done, if it is don't bother 
     if (!flag) { 
      //do stuff 
     } 
     flag = true; 
    } 
    function async2() { 
     //ditto 
    } 
})(); 

Это предотвратит загрязнение глобального пространства имен. Обратите внимание, что javascript является однопоточным. Здесь вы здесь, потому что две функции не могут поражать флаг в одно и то же время, только один из них действительно внесет изменения. Также обратите внимание, что async1 & & 2 не обязательно должны быть определены в той же области, но flag должны будут существовать в области, из которой они вызываются.