как сделать чтобы код выполнялся асинхронно?
 

как сделать чтобы код выполнялся асинхронно? без setTimeout. к примеру мне нужно кликнуть по элементу на странице а затем перезагрузить страницу

Что значит "асинхронно"?

сверху вниз. не начиналась одна функция пока не закончиться другая

Вона как.
Лучше не используйте это слово, если вкладываете в него этот смысл.

<a href="#url" id="link" onclick="alert('Click');">some link</a>
<script>
document.getElementById('link').dispatchEvent(new Event('click'));
alert('Page reload');//location.reload();
</script>

document.getElementById('chatnow').click();


document.getElementById('messages_close').click()

а если это разные клики по разным элементам которые нужно выполнять соблюдая временной интервал в очередности.. как реализовать не использую setTimeout? ведь при клике по по первому элементу срабатавыет функция показа этого дом элемента. в то время как джаваскрипт не ждет развертывания этого дом элемента в окне браузерра и выполняет следующую команду и получается каша..так понятней?)

денис77447327, нажимайте на вторую ссылку после отображения блока.

<a href="#" id="show_btn">Show</a>
<div style="display:none" id="block">
	some text
</div>
<a href="#" id="link" onclick="alert('Click');">Some link</a>
<script>
	function getByID(id){
		return document.getElementById(id);
	};
	
	getByID('show_btn').addEventListener('click',function(){
		//Анимацию заменил на timeout
		setTimeout(function(){
			getByID('block').style.display='block';
			alert('Timeout');
			
			getByID('link').dispatchEvent(new Event('click'));
		},100);
	});
</script>