[FE] async / await

IT/web

내일은교양왕 2024. 4. 29. 18:11

아래 Youtube 영상의 내용을 거의 그대로 가져온 페이지입니다.

문제가 될 경우 삭제하겠습니다.

async

항상 promise 를 반환

promise가 아닌 값을 반환하더라도 promise로 감싸여서 반환

await

async 함수안에서 promise가 처리될 때까지 기다린 후 값을 받아온다.

promise가 저리 되는 동안 엔진이 다른일(다른 스크립트 실행, 이벤트 처리 등)을 할 수 있기 때문에 cpu 리소스가 낭비되지 않는다.

개발 팁

중간 과정에서는 async/await가 없어도 괜찮다.

간단하게 then으로 처리할 수 있는 경우에도 없앨 수 있다.

async/await는 기존 비동기처리가 주는 불편함을 해소하기 위해 등장한 만큼, 어디선가 최소 한번은 async/await를 쓰는게 좋다.

그렇지만 중간 과정에 있는 모든 함수에 사용해야 하는 것은 아닙니다.

async와 await

ko.javascript.info