promise btn 클릭 문제

[박땡땡]

async function btnEvent(){
  const btnPromise = new Promise((resolve, reject) => {
    const btn = document.querySelector('#btn');
    btn.addEventListener('click', function(){
      const str = '성공했습니다.~_~'
      resolve(str);
    });
  });
    try {
      const result = await btnPromise;
      console.log(result);
    }
    catch {
      console.log('실패했어요 ㅠㅠ');
    }
}
btnEvent();

 

 

선생님 저는 이렇게 했는데 ㅠㅠ 선생님 코드하고 다른데 잘못한걸까요?

일단 성공했습니다가 뜨긴 하는데 

 

저는 new Promise를 변수에 담아  async 바깥으로  빼고 넣고의 차이를 잘 모르겠어요..!

선생님은 바깥으로 빼셨고, 저는 한데 묶은 함수에 async를  붙여줬는데.. 저처럼 했을 때의 문제점이 있나요?

[박땡땡]

+그리고 원래 클릭이벤트는 클릭할때마다 발생하는 것이 아닌가요??

제가 중복 클릭해도 콘솔창엔 성공했습니다 문구가 한번만 뜨는데 왜 그럴까요??

[codingapple]

별차이는 없어보입니다 async function 은 그 자리에 promise가 남아서 간단하게 new Promise 대용으로 쓰는 것일 뿐입니다 

promise는 1번 성공하거나 실패하거나 하면 끝입니다 2회 성공 그런건 없습니다 

[글쓴이]

글