비동기 작업을 가능하게 해준다.

let promise = new Promise(function(resolve, reject) {
  // executor ()
});

• new Promise 에 전달되는 콜백 함수를 executor(실행자) 라고 한다.

• executor는 자동으로 실행된다. 처리가 끝나면 executor는 처리 성공 여부에 따라 resolve나 reject를 호출한다.

  • 책에서 설명된 내용으로 보자면, 실행권이 넘어가, resolve, reject 인자를 준다.

• new Promise는 프로미스 객체를 반환한다. 해당 객체는 내부에 state 와 result 프로퍼티를 가진다.

  

  • state : “pending” | “fullfilled” | “rejected”
  • result : any
  • resolve(value) 실행시 state는 fullfilled, result는 value 로 변경된다.
  • reject(value) 실행시 state는 “rejected” 로, result는 value로 변경된다. (value는 대체로 에러이다. )

let promise = new Promise(function(resolve, reject) {
  // 프라미스가 만들어지면 executor 함수는 자동으로 실행된다.

  // 1초 뒤에 일이 성공적으로 끝났다는 신호가 전달되면서 result는 '완료'된다.
  setTimeout(() => resolve("완료"), 1000);
});

let promise = new Promise(function(resolve, reject) {
  // 1초 뒤에 에러와 함께 실행이 종료되었다는 신호를 보낸다.
  setTimeout(() => reject(new Error("에러 발생!")), 1000);
});

• resolve, reject 둘중 하나는 무조건 실행되어야 하며, 하나만 실행되어야 한다.

then

• 프로미스 객체의 메서드로, 이전 프로미스값이 pending이 아니라면 실행된다.
• 프로미스 객체를 반환한다.

promise.then(
  function(result) { /* 결과(result)를 다룬다 */ },
  function(error) { /* 에러(error)를 다룬다 */ }
);

• 인자로 2개의 콜백을 받는다
  • state값이 fullfilled인 경우 첫 번째 콜백을 실행한다.
  • state값이 rejected 인 경우 두 번째 콜백을 실행한다.
• 콜백은 인자로 result를 가진다.

catch

• 에러 상황만 다룰 때 사용한다.