Promise 이해하기

Promise 객체는 세가지의 상태 값을 가집니다.

 

대기중(pending) : 아직 결과가 없는 상태입니다. 약속을 했지만 아직 약속에 대한 결과가 나오지 않은 상태이다.

 

이행됨(Fulfilled) : 비동기 처리가 성공적으로 완료되어 약속을 이행한 상태입니다. 이때 결과로 하나의 값이 전달됩니다.

 

거부됨(rejected) : 비동기 처리가 실패한 상태입니다. 약속이 거부되고 그 결과로 거절된 이유를 전달합니다.

 

Promise 객체는 두가지 메소드를 가집니다.

 

then(onFulfilled, onReject) : 약속이 완료됐을 때 호출될 함수들을 정의합니다. 이때 첫번째 인자로 전달되는 함수는 약속이 성공적으로 이행됐을때 호출되고 두 번째 인자로 전달된 함수는 거부됐을 때 호출됩니다. 두 전달 인자 함수들을 매개변수를 가지는데 각각의 결과가 매개변수를 통해 전달됩니다.

 

catch(onReject) : 약속이 거부됐을때 호출될 함수를 등록합니다.

 

 

 

function promiseForHomework(mustDo) {
    return new Promise ((resolve, reject) => {
        setTimeout(() => {
            console.log('doing homework');
            if(mustDo) {
                resolve ({
                    result : "homework-result"
                });
            } else {
                reject(new Error('too Lazy'));
            }
        }, 3000);
    });
}
 
const promiseA = promiseForHomework(true);
console.log('promiseA created');
const promiseB = promiseForHomework();
console.log('promiseB created');
 
promiseA.then(v => console.log(v));
 
promiseB
.then(v => console.log(v))
.then(e => console.log(e));

 

function doJob (name, person) {
return new Promise ((resolve, reject) => {
setTimeout(() => {
if(person.stamina>50) {
    resolve ({
        result : `${name} success`,
        loss : 30
    });
} else {
    reject(new Error(`${name} failed`));
}
}, 1000);
});
}
 
const John = {stamina:100};
 
doJob('work', John)
.then( v => {
    console.log(v.result);
    John.stamina -=v.loss;
    return doJob('study', John);
})
.then( v => {
    console.log(v.result);
    John.stamina -=v.loss;
    return doJob('work', John);
})
.then( v => {
    console.log(v.result);
    John.stamina -=v.loss;
    return doJob('study', John);
})
.catch (e => {
console.error(e);
});

 

하나의 비동기 계산이 다른 비동기 계싼의 결과에 의해 처리되어야 하는 경우가 많다.

위 예제는 1초 후에 주어진 이름의 일을 수행하여 이행 시 스테미나를 차감할 값을 반환합니다. 1초 후에 일을 수행하는 약속을 연속적으로 처리하게 됩니다.

 

async 함수를 사용해서 비동기 작업들을 제어하는 방법도 있다. await  키워드는 반드시 async 함수안에서만 유효하다.

async 함수를 선언하는 방법에는 async 함수 선언문(async function) 과 표현식 (async function expression)이 있습니다.

async 함수는 function 선언 앞에 async 키워드가 붙습니다.

 

 

function doJob (name, person) {
return new Promise ((resolve, reject) => {
setTimeout(() => {
if(person.stamina>50) {
    person.stamina-=30;
    resolve ({
        result : `${name} success`,
        
    });
} else {
    reject(new Error(`${name} failed`));
}
}, 1000);
});
}
 
const John = {stamina:100};
 
const execute = async function () {
    try {
let v = await doJob('work', John);
console.log(v.result);
v = await doJob('study', John);
console.log(v.result);
 v = await doJob('work', John);
console.log(v.result);
 
    } catch (e) {
        console.error(e);
    }
}
 
execute();