📚 Reference

• 공식 문서 1
• 참고 자료 1

📜 Chapter

Promise.all()

Promise.allSettled()

Promise.any()

Promise.race()

• Promise.race()
• Promise.all()이 실행한 모든 Promise들의 결과값을 배열로 받는 것과 달리 Promise.race()는 가장 빨리 응답을 받은 결과값만 resolve한다.
• 쉽게 생각해보자면 Promise들끼리 경주를 해서 가장 빨리 도착한 Promise의 result만이 .then() 구문으로 넘어갈 수 있는 것이다.

예제

• 예시 1

  var p1 = new Promise((resolve, reject) => {
    setTimeout(() => resolve('하나'), 1000);
  });
  var p2 = new Promise((resolve, reject) => {
    setTimeout(() => resolve('둘'), 2000);
  });
  var p3 = new Promise((resolve, reject) => {
    setTimeout(() => resolve('셋'), 3000);
  });
  var p4 = new Promise((resolve, reject) => {
    setTimeout(() => resolve('넷'), 4000);
  });
  
  Promise.race([p1, p2, p3, p4, p5])
  .then(value => {
    console.log(value);
  });
  
  // 콘솔 출력값:
  // "하나"
  

  • 위의 코드에서 보면 가장 빨리 실행이 완료된 p1의 result인 '하나'만 콘솔에 찍힌 것을 확인할 수 있다.

• 예시 2

  var p1 = new Promise((resolve, reject) => {
    setTimeout(() => reject('하나'), 1000);
  });
  var p2 = new Promise((resolve, reject) => {
    setTimeout(() => reject('둘'), 2000);
  });
  var p3 = new Promise((resolve, reject) => {
    setTimeout(() => reject('셋'), 3000);
  });
  var p4 = new Promise((resolve, reject) => {
    setTimeout(() => reject('넷'), 4000);
  });
  
  Promise.race([p1, p2, p3, p4, p5])
  .then(value => {
    console.log(value);
  })
  .catch(error=>{
    console.log("error",error);
  });
  
  // 콘솔 출력값:
  // error 하나
  

  • 에러가 발생할 때도 마찬가지로 가장 빨리 발생한 error만 catch구문으로 넘어간다.