[JavaScript] Promise와 async 그리고 await

 

🚀 개요

`Promise`는 이전 작업이 완료될 때까지 다음 작업을 연기 시키거나, 작업 실패를 대응 할 수 있는 기능을 제공하는 `JavaScript`의 기능인 것이에요. 또한 어떤 작업의 중간 상태를 나타내는 객체인 것이에요. 즉, 미래에 어떤 종류의 결과가 반환됨을 `약속(Promise)`해주는 객체라고 보면 되는 것이에요. 

 

 

`JavaScript`는 비동기로 작업을 처리하기 때문에 어떤 Method가 실행중이더라도 다음 내용을 실행해 버리는 문제가 있는 것이에요.

이 때, `async`는 `JavaScript`의 함수로 항상 `Promise`를 반환하게 해 주는 것이에요. `Promise`가 아닌 값을 반환하더라도 `Resolved Promise(이행 상태의 프라미스)`로 값을 감싸 이행된 `Promise`가 반환되도록 해 주는 친구인 것이에요.

JAVA와 비교하면 `Optional<>`과 많이 비슷해 보이는 것이에요.

 

반응형

 

`await`은 역시 `JavaScript`의 기능으로 `JavaScript`는 `await`을 만나게 되면 `Promise` 처리(Settled)가 완료 될 때까지 대기하게 되고, 해당 결과는 그 뒤에 반환하게 해 주는 친구인 것이에요.

참고로 `await`는 `async`를 사용하는 데에서만 사용할 수 있는 것이에요.

`await`은 기다리다라는 뜻을 가진 영단어로 `Promise`가 처리될 때까지 함수 실행을 기다리게 만드는 친구인 것이에요.

`Promise`가 처리되면 그 결과와 함께 실행이 다시 시작되게 되는 것이랍니다.

 

 

`Promise`가 처리되길 기다리는 동안 Engieen은 다른 작업(다른 Script 실행, Event 처리)등을 할 수 있기 때문에 `CPU`와 같은 자원 낭비를 최소화 할 수 있는 것이에요.

`await`은 `promise.then`보다 가독성이 높고, `result`를 얻을 수 있도록 해 주는 문법이랍니다.