Promise

Promise

Promise는 콜백 지옥 같은 코드가 형성되지 않게 하는 방안으로 ES6에 도입된 기능

콜백지옥 예

function increase(number, callback){
  setTimeout(()=>{
    const result = number+10;
    if(callback){
      callback(result)
    }
  }, 1000)
}

increase(0, result =>{
  increase(result, result =>{
    increase(result, result =>{
      increase(result, result =>{
        ...
      })
    })
  })
});

 

여러 작업을 연달아 처리하기 위해 함수를 여러번 감싸는 것이 아닌 .then을 사용하여 그다음 작업을 설정하도록 하여 콜백지옥에서 벗어남.

function increase(number){

  const promise = new Promise((resolve, reject)=>{
    setTimeout(()=>{
      const result = number+10;
      if(result > 50){
        const e = new Error('NumberTooBig');
        return reject(e);
      }
      resolve(result);
    }, 1000);
  });

  return promise;
}

increase(0)
.then(number=>{
  console.log(number);
  return increase(number);
})
.then(number=>{
  console.log(number);
  return increase(number);
})
.then(number=>{
  console.log(number);
  return increase(number);
})
.then(number=>{
  console.log(number);
  return increase(number);
})
.catch(e=>{
  // 도중에 에러가 발생한다면 .catch를 통해 알 수 있음.
  console.log(e);
})

 

 

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise

Promise