45장 프로미스(※단순 개념만 정리)

  자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전톡적인 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한번에 처리하는 데도 한계가 있다. ES6에서는 비동기 처리를 위한 또 다른 패턴으로 프로미스를 도입했다. 프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있다.

 

45.2 프로미스의 생성

  Promise 생성자 함수를 new 연사자와 함께 호출하면 프로미스 객체를 생성한다. ES6에서 도입된 Promise는 호스트 객체가 아닌 ECMAscript 사양에 정의된 표준 빌트인 객체다. Promise 생성자 함수는 비동기 처리를 수행할 콜백 함수를 인수로 전달받는데 이 콜백 함수는 resolve와 reject 함수를 인수로 전달받는다.

const promise = new Promise((resolve, reject) => {
    if( /* 비동기 처리 성공 */ ){
        resolve('result');
    }else{ /* 비동기 처리 실패 */ 
     reject('failure reason');
    }
});

  Promise 생성자 함수가 인수로 전달받은 콜백 함수 내부에서 비동기 처리를 수행한다. 이때 비동기 처리가 성공하면 콜백 함수의 인수로 전달받은 resolve 함수가 호출하고, 비동기 처리가 실패하면 reject 함수를 호출한다.