-
예제: <button>을 누르면 성공하는 Promise 만들기
이거를 해보고 있는데 궁금한 점이 있어서 질문드립니다.
이렇게 했을때는 프로미스3이 정의되어 있지않다고 나오고
이렇게 했을 때는 프로미스5가 정의되어 있지 않다고 나옵니다.
이건 당연히 프로미스3, 5가 없으니까 이해가 가는데 문제는
프로미스4는 없는데, 콘솔창에서 오류가 나지않고, 버튼을 클릭했을 때 '성공했어요' 라는 문구가 출력됩니다.
마찬가지로 프로미스4가 없으니 오류가 나야 하는게 아닌가요? 왜 실행이 되는지 모르겠습니다.
어디서 문제가 발생한 것일까요
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="버튼">버튼이에요</button>
<button>ㅇㅇㅇ</button>
<script>
let 프로미스2 = new Promise(function (resolve, reject) {
document.addEventListener("click", function (e) {
if (e.target.id == "버튼") {
resolve("성공했어요");
} else {
reject("버튼이 아니에요");
}
});
});async function 버튼판정() {
try {
let 결과 = await 프로미스4;
console.log(결과);
} catch {
let 결과 = await 프로미스2;
console.log(결과);
}
// let 결과 = await 프로미스3;
// console.log(결과);
}버튼판정();
</script>
</body>
</html>다시해봐도 결과는 똑같네요
- 답변은 로그인 후 가능합니다.