Promise.all() vs Promise.allSettled() in javascript

지금까지 여러가지 비동기 액션을 처리할 때 Promise.all()만 쓰셨다면 주목! 1가지 메서드가 더 있다는 것

두 메서드의 차이점을 알아봅시다.

 

우선 MDN 공식 문서를 봅시다.

• Promise.all(iterable)
• Promise.allSettled(iterable)

1. Promise.all()은 input에 대한 결과값만을 담은 array result를 return 합니다.

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values);
});
// Expected output: Array [3, 42, "foo"]

2. Promise.allSettled()은 input에 대한 상태와 결과값을 포함한 [object, object, ...]  result를 return 합니다.

const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'foo'));
const promises = [promise1, promise2];

Promise.allSettled(promises).
  then((results) => console.log(result.status));

// Expected output:
// Array [Object { status: "fulfilled", value: 3 }, 
//        Object { status: "rejected", reason: "foo" }]

 

# Promise.all()은 하나라도 rejected가 발생한다면 모두 error 처리 된다는 점이다!

# Promise.allSettled()는 각각의 Promise의 대해 처리 상태와 결과 값을 담은 배열을 반환하기 때문에 

   'rejected'된 Promise에 대해서 status 값에 따라 분기 처리만 해주면 된다는 말씀!

 

javascript의 array method 중에 every와 some과 비슷한 느낌이 드는군요.

 

결론

상황에 따라서 Promise.all과 Promise.allSettled를 적절하게 사용하면 될 것 같습니다.

- 모든 Promise가 통과되야 한다면 Promise.all

- 몇가지가 실패하더라도 통과한 Promise를 활용해야 하는 상황이라면 Promise.allSettled