Promise.race()

Promise.race()
The Promise.race() static method takes an iterable of promises as input and returns a single Promise. This returned promise settles with the eventual state of the first promise that settles.
Promise.all()이 실행한 모든 프로미스들의 결과값을 배열로 받는 것과 달리 Promise.race()는 가장 빨리 응답을 받은 결과값만 resolve한다.
쉽게 생각해보자면 프로미스들끼리 경주를 해서 가장 빨리 도착한 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구문으로 넘어간다.