Javascript - Promise

Promise

• callback 함수 대신 비동기를 간편하게 처리할 수 있도록 도와주는 javascript object
• State : pending(진행 중) -> fullfilled(성공) or rejected(실패)
• Producer(Promise Object) vs Consumer(then, catch, finally)

---

1. Producer

const promise = new Promise((resolve, reject) => {
    console.log('doing something....')
    // **** promise가 생성되는 순간! 우리가 전달한  executor 함수가 자동으로 실행되므로 유의해야 한다. 

    setTimeout(() => {
        resolve('amy');
        //reject(new Error('no network'));
    }, 2000 );
});

 

2. Consumers

promise
    .then((value) => {
        console.log(value);
    })
    .catch(error => {
        console.log(error);
    })
    .finally(() => {
        console.log('finally');
    });

 

참고 사이트

👉 Youtube -자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise | 프론트엔드 개발자 입문편 (JavaScript ES6)