[Javascript] Async, Await

Async Await

async await는 return형이 Promise 객체일 때 (비동기처리) await 연산자로 동작된 비동기함수의 처리를 순차적으로 동작시키는 기능을 제공합니다.

console.log('1');
function callback1 () {
    return new Promise ((resolve)=> {
        setTimeout(function() {
            resolve('2')
        }, 1000)
    })
}

function callback2 () {
    return new Promise ((resolve, reject)=> {
        setTimeout(function() {
            reject('3')
        }, 1000)
    })
}


async function showNumber () {
    try {
        let number1 = await callback1();
        console.log('number1: ', number1);
        let number2 = await  callback2();
        console.log('number2: ', number2);
    } catch (error){
        console.log('error: ', error);
    }
}

showNumber();

console.log('4');

showNumber함수 선언 시 async 를 붙여 비동기처리를 하겠다 고 선언 해준 뒤 함수내부에서 순차적으로 동작 시킬 비동기 함수호출 시에 await를 붙여 사용합니다.