[JS] Promise all & race

Promise all & race

위 그림은 동기화(synchronous)와 비동기화(asynchronous)에 관한 내용이다.

동기화는 여러가지 일이 순서대로 진행되는 것이고,
비동기화는 일이 각각 따로 진행되는 것을 말한다.(현재 실행중인 코드의 완료 여부와 상관없이 즉시 다음 코드로 넘어가는 것)

동기적인 코드는 코드가 심플하고, 동작을 파악하기 간편하나 느리다는 단점이 있다.

비동기적으로 다양한 일을 처리한 후에 작업을 생성하기 위해 사용하는 것이 Promise all과 race이다.

 

Promise.all은 비동기적으로 다양한 일을 처리 후 가장 마지막 작업이 처리된 이후에 작업을 수행하도록 하는 방식이다.(다음 작업이 수행될 때 이전에 처리된 모든 결과값을 배열로 받은 상태다.)

Promise.race는 다양한 일 중에 가장 먼저 처리된 작업의 결과값을 갖고 이후 작업을 수행하도록 하는 방식이다.

 

사용하는 방식은 위 사진 오른쪽의 예제와 같다. 각각의 메소드에 배열을 입력하고 각각의 Promise들을 원소로 전달해주면 작업의 결과를 갖고 다음 작업(then)을 수행한다.

실행 코드

실행 결과

위와 같이 사용할 수 있다.

---

 

피드백 환영합니다 :)

참고자료
생활코딩