promise / await

Question

안녕하세요.리액트 사용하고있는데promise (resolve, reject) 랑 await 언제 다르게 사용하나요?언제 promise를 사용하고 언제 async await 를 사용하는지 궁금합니다.await 붙은함수가 실행되야 다음게 실행되는건 알고있어요!

worker ant · Answer

각각 필요할 때 사용합니다.promise는 await가 아니라 async라고 보셔야 합니다. (async function이 Promise를 리턴합니다.) 보통 Promise가 아닌 핸들러로 처리하는 것들을 async하게 만들때 new Promise를 사용합니다.대충 짜본 아래 샘플 코드의 delay function이 그 예입니다.(async, await, promise 없이 레거시하게 구현해보시면 재미있으실 수 있습니다.)async function delay(time) { return new Promise((resolve) &#61;> { setTimeout(() &#61;> { resolve(); }, time); }); } function now() { return Date().toString(); } async function timeBoom(id, lifetime) { console.log(&#96;잠시후 시한폭탄 ${id}의 작동이 시작됩니다.&#96;); await delay(100); console.log(&#96;${lifetime}초 후 폭발하는 시한폭탄 ${id}의 작동이 시작되었습니다.&#96;); for (let i&#61;0; i<lifetime; i&#43;&#43;){ console.log(&#96;시한폭탄 ${id} - ${lifetime- i}초 후 폭발합니다.&#96;); await delay(1000); } console.error(&#96;[${now()}] 시한폭탄 ${id}이 폭발하였습니다.&#96;); } async function randomBoom(id) { console.log(&#96;잠시후 랜덤폭탄 ${id}의 작동이 시작됩니다.&#96;); await delay(100); console.log(&#96;랜덤하게 폭발하는 랜덤폭탄 ${id}의 작동이 시작되었습니다.&#96;); while (Infinity) { const rate &#61; Math.floor(Math.random() * 10); if (rate &#61;&#61;&#61; 0) break; console.log(&#96;랜덤폭탄 ${id}이 작동중입니다.&#96;); await delay(1000); } console.error(&#96;[${now()}] 랜덤폭탄 ${id}이 폭발하였습니다&#96;); } (async () &#61;> { await Promise.all([ timeBoom(1, 3), timeBoom(2, 5), randomBoom(3) ]); console.error(&#96;[${now()}] 모든 폭탄이 터졌습니다.&#96;); })();

promise / await

1개의 답변

Q&A 목록