<button id="btn1">aaaaa</button>
<script>
async function btn() {
const button = new Promise((res, rej) => {
document.querySelector('#btn1').addEventListener('click', () => {
res('성공했어요');
});
});
try {
const result = await button;
console.log(result);
} catch {}
}
btn();
</script>
안의 내용과 상관없이 이런 코드에서 동기적으로 코드가 실행되고 btn(); 을 만나면 함수를 호출하는데 거기에 이벤트리스너 같은 코드가 있으면 코드가 계속 반복 실행이 되는건가요? 어떤방식으로 동작하는지 잘 이해가 안가요.
선생님이 설명해주신 것처럼 말해보면 이벤트리스너 같은 경우는 한 번 쓰고 끝나는 것이아니라 다시 보관함으로 들어가는건가요?
함수가 끝났는데도 이벤트리스너가 계속 실행되는게 이해가 잘 안갑니다.
