Есть необходимость выполнить функцию, после выполнения первой функции, но когда первая будет завершена(и будет ли), отследить сложно. Приведу простой пример что б объяснить сумбур вопроса.
/// WE CAN'T change this elements
const btn = document.getElementById("btn_push");
let sendData = (timeFunc) => { console.log(`Function DONE! It took ${timeFunc} sec`)};
let randomInteger = (min, max) => {
let rand = min - 0.5 + Math.random() * (max - min + 1);
return Math.round(rand);
}
btn.addEventListener("click", function(){
const time = randomInteger(1000, 4000);
setTimeout(sendData(time), time);
});
/// OWN elements
let secondFunction = () => { console.log(`This function done after server get data`)};
Предположим имеется функция отправляющая данные на сервер sendData()
по нажатию на кнопку. Сколько она будет выполняться (проводить валидации, общаться с другими API и тд.) нам не известно. Нам известно только её название, и то, что выполнение повешено на клик. Вопрос, как выполнить secondFunction()
по завершению выполнения первой функции? *Вторая функция может вызываться совершенно с другого js
файла этого же html документа. Возможно ли это как-то отловить, что она завершила действие?
PS Если б это всё было в одном js и можно б было переписать вызов первой функции, то делалось бы через Promise, но этого нету.
.dispatchEvent('onFncEnc')
, а далее сработает слушатель и запустит вторую фукнцию. Подробнее про пользовательские событияsecondFunction()
.then()
условно. Сложнее, если фукнция вызывает и не дожидается другие асинхронные фукнции.