[Javascript] async 와 await

Promise chaining 대신 동기 처리를 더 간단하게 할 수 있는 방법

 

async

async function getData(){
    return 'data';   
}

getData()
    .then((Data)=>console.log(Data))
    .catch( (err) => console.log(err));

- 함수앞에 async 를 붙이면 이 함수는 Promise 를 반환한다. Promise 가 아닌것을 반환하더라고 Promise 로 감싸서 반환한다.

 

await

function asyncItem() {
    return new Promise((resolve, reject) => {
        var item = [1, 2, 3];
        resolve(item);
    });
}

async function logItems() {
    var resultItem = await asyncItem(); // await 를 이용해서 promise 이행이 끝날때까지 기다림
    console.log(resultItem);
}

 

async & await 예외처리

async function test() {
    try {
        var user = await fetchUser();
        if (user.id === 1) {
            var todo = await fetchTodo();
            console.log(todo.title);
        }

    } catch(err) {
        console.log(error);
    }
}