[JavaScript] Promise, async/await

Promise

비동기 작업을 처리할 Promise 리턴 함수 작성

function doAsyncFunction() {

return new Promise( (resolve, reject) => {

시간이 걸리는 작업

작업 완료 후 resolve() 를 호출해 준다.

resolve( outData );

작업이 실패한 경우 reject() 를 호출해 준다.

reject( errData );

});

}

then() 을 사용해 처리 결과 받는 두가지 방법

1. then() 호출시 두인자( resolve(), reject() ) 를 전달

doAsyncFuntion().then( (outData) => {

resovle() 결과 처리

}, (errData) => {

reject() 결과 처리

});

2. reject()는 catch() 함수를 사용

doAsyncFunction().then( (outData) => {

이 함수가 Promise resolve()와 매핑

}).catch( (errData) => {

catch() 함수 사용해 reject() 함수와 매핑

});

여러개의 작업 실행

Promise.all( [work1(), work2()] ).then( (outData) => {

work1, work2 가 모두 완료되면 호출

});

async/await

함수 선언시 async 키워드를 붙이면 함수 내부에서 await 를 통한 비동기 처리가 가능

then() , catch() 는 결국 콜백을 추상화해 순차적으로 표현하는 것이고,

await 는 함수내에서 호출 자체가 절차적으로 이루어지게 된다.

 async function myFunction() {

try {

Promise 를 리턴하는 함수를 await 키워드를 사용해 호출

해당 함수내에서 resolve( outData) 가 호출되면 리턴되며, 그 이전까지는 기다리게 된다.

var outData = await doAsyncFuntion();

} catch( errData ) {

Promise 함수에서 reject( errData ) 가 호출되면, 이곳으로 진행됨.

}

}