[JavaScript] 짐코딩 - (5) Promise, Async/Await

[JavaScript] 짐코딩 - (5) Promise, Async/Await

 

1. Async/Await란?

• Async/Await는 자바스크립트 비동기 처리 패턴 중 하나이다
• Promise 타입의 Syntatic Sugar(문법적 설탕 / 코드를 더 읽기 쉽게 작성하고, 이해할 수 있게 도와주는 문법적 표현방식)
• Async/Await를 사용하면 코드를 보다 쉽게 읽을 수 있다. (가독성 good)

 

 

2. 시나리오 코드

function getUser(userId){
    return new Promise((resolve, reject)=>{
        setTimeout(() => {
            try{
                // 만약 userId가 1이라면 "kim"을 반환, 아니라면 null을 반환
                const user = userId === 1 ? {id : userId, name : "kim"} : null;
                // callback (user)
                resolve(user)
            } catch (error) {
                reject(error)
            }
        }, 1000)
    });
}

function runPromise(){
    getUser(1)
        .then(user=>{
            if(user){
                console.log('user : ',user);
            } else{
                console.log('유저가 없어요!!')
            }
        })
    }

// 위의 코드들을 Async, Await를 사용해 정의해보자
async function runAsyncAwait(){
    const user = await getUser();
    if(user){
        console.log('user : ',user);
    } else{
        console.log('유저가 없어요!!')
    }
}

runPromise();
runAsyncAwait();

 

 

https://youtu.be/AGMQMy05IK4