resolve, reject 정리하기

처음 봤을때 잠깐 생소했던 resolve, reject에 대해 정리해보려 한다.

비동기 처리를 하면 Promise를 맞이하게 된다. 대부분은 promise.then(result => {성공하면 돌아갈 코드} 형식으로 사용을 하면서 then에 친숙해진다. 하지만 다른 오픈소스를 보다가 다른 형태를 보았는데 new Promise((resolve, reject) => {}) 형태가 존재한다. 다음과 같은 형태로 예시를 들어보자

// Callback 방식
function test(callback) {
  if (조건) {
    callback(new Error('에러'), undefined)
    return
  }
  callback(undefined, '성공')
}

// Promise 방식
new Promise((resolve, reject) => {
  if (조건) {
    resolve('성공')
  }
  reject('실패')
})

위에 예시를 보면 첫번째는 콜백 방식이고, 콜백 방식이 성공/실패를 구분할때 인자의 위치를 사용한다. 다음 Promise 방식을 살펴보면, 비동기 작업의 처리 과정에서 2개의 인자로 성공/실패를 구분한다.

다음은 오픈소스를 참고하면서 내가 보게되었던 구조였다. 만나면 당황하지 말자

function process(file) {
  new Promise(function (resolve, reject) {
    // 첫번쨰 처리내용
    resolve('result1')
  })
    .then(function (result1) {
      return new Promise(function (resolve, reject) {
        resolve('result2')
      })
    })
    .then(function (result2) {
      return new Promise(function (resolve, reject) {
        resolve('result3')
      })
    })
    .then(function (result3) {
      //마지막 처리 완료
    })
}