Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 자바스크립트
- graphQL
- CSS
- pug
- form
- NextJs
- ECMAScript
- react
- javscript
- JavaScript
- frontend
- GRID
- express
- API
- Component
- Flutter
- backend
- HTML
- heroku
- clonecoding
- node.js
- nodejs
- MongoDB
- Mongoose
- CLONE
- TypeScript
- ES6
- Session
- 리액트
- DART
Archives
- Today
- Total
Enjoy Programming
[ES] Promise allSettled 본문
오늘의 ES 마지막 포스팅이다. 화이팅!
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled
promise.allSettled() 메서드는 배열이나 별도의 나열 가능한 객체를 통해 나열된 Promise모음이 모두 이행하거나 거부했을 때에 대한 대응할 수 있는 Promise객체를 반환한다.
자 Promise.all()을 기억해보자 all은 여러 promise들중 하나라도 끝내지 못한다면 거절된다.
전부 제대로 이행하면 그때야 전부 배열로 반환한다.
Promise.allSettled는 모두 성공할 필요가 없다. 또한 배열로 반환하지 않고 오브젝트로 반환이 된다.
이렇게~~ object형태로 status 와 value 가 출력된다.
allsettled를 사용하면 모두 성공하지 않아도 되는 이유가 이것이다.
실패했다면 그이유도 출력해준다. 성공했다면 그 값을 반환해주고 전부다 실행시켜준다.
어디에 사용하는 것일까.. 모든 promise가 잘 작동하는지 확인할 필요가 없으면 allSettled를 사용하면된다.
반대로 확인을 해야한다면 all을 사용해주자.
기본적으로 all은 서로 관계가 있는 promise들을 동작시킬때 사용한다. 하나라도 실패하면 의미없는 promise인것
'JavaScript > Vanilla Js' 카테고리의 다른 글
클래스네임 추가 toggle (0) | 2021.07.27 |
---|---|
Css variable 을 select해서 자바스크립트 적용하기 (0) | 2021.07.22 |
[ES] Array flat && Array sort (0) | 2021.07.07 |
[ES] Object entries, Object values, Object fromEntries (0) | 2021.07.07 |
[ES] trim, trimStart, trimEnd (0) | 2021.07.07 |