[javascript] - async, await, Promise API

// async & await
// promise를 사용하는데 있어 깔끔한 스타일

// 1. async
/*function fetchUser() {
    // 백엔드에서 요청이 10초정도 걸리는 
    
    return new Promise((resolve, reject) => {
        resolve('ellie');
        //reject(new Error());
    });
}*/

async function fetchUser() {
    return 'ellie'; 
}

const user = fetchUser();
user.then(console.log).catch(console.log);
//user.then().catch(console.log);
console.log(user);

// 2. await
function delay(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

// 동기적 코드처럼 보임
async function getApple() {
    await delay(1000);
    //throw 'error';
    return 'apple';
}

async function getBanana() {
    await delay(1000);
    return 'banana';
}

/*function getBanana() {
    return delay(3000)
    .then(() => 'banana');
}*/

// 콜백지옥 코드(promise가 너무 많음)
// function pickFruits() {
//     return getApple()
//     .then(apple1 => {
//         return getBanana()
//         .then(banana1 => `${apple1} + ${banana1}`);
//     });
// }

async function pickFruits() {
    const applePromise = getApple();
    const bananaPromise = getBanana();

    // try catch를 통해 에러처리 가능
    //try{
    
    // 함수내에 promise가 선언되어 있으면 함수를 호출할 떄 앞에 await을 써줘야 함
    const apple = await applePromise;
    const banana = await bananaPromise;
    //} catch(error) {

    //}
    return `${apple} + ${banana}`;
}

pickFruits().then(console.log);

// 3. useful Promise APIs
function pickAllFruits() {
    return Promise.all([getApple(), getBanana()])
    .then(fruits => fruits.join(' + '));
}

pickAllFruits().then(console.log);

function pickOnlyOne() {
	//race -> 빨리 도착하는 함수의 결과가 출력됨
    return Promise.race([getApple(), getBanana()]);
}

pickOnlyOne().then(console.log)