Пытаюсь осваивать промисы из нового ES6, пока тяжело понятны суть и назначения. Попытался найти для себя простую задачку, в которой смогу их применить.
Есть обычное меню, открывающееся по клику. в нем метод для открытия
_openMenu(target) {
this._closeMenu();
target.classList.add('isActive');
target.nextElementSibling.classList.add('isOpened');
setTimeout(()=> document.addEventListener('click', this._closeMenu), 0);
}
В последней строке не большой костыль. Меню должно закрываться при клике на любое другое место в документе, поэтому вешается обработчик. Так из-за обработчика меню тут же открывается и закрывается. висит таймаут решающий эту проблему.
Попытался переписать это с промисом, но результат не помогает, меню так же схлопывается, как правильно написать промис для асинхронного выполнения?
_openMenu(target) {
Promise.resolve()
.then(() => {
this._closeMenu();
target.classList.add('isActive');
target.nextElementSibling.classList.add('isOpened');
console.log('step 1');
return Promise.resolve();
})
.then(() => {
document.addEventListener('click', this._closeMenu);
console.log('step 2');
});
}