JavaScript - 7

---

 

 

 

1 . promise메서드

 

 

 

 

 

 

Promise.all()

 

• 모든 promise가 성공해야 then을 실행
• 하나라도 실패 시 catch 실행
• 병렬 처리용

 

• ex)

Promise.all([p1, p2, p3])

     .then(results => {

      console.log(results)

})

 

 

 

 

Promise.race()

 

• 가장 먼저 완료된 promise 하나의 결과를 사용
• 성공/실패 상관없이 먼저 끝나는 것을 기준으로 함

 

• ex)

Promise.race([p1, p2])

      .then(result => console.log(result))

 

 

 

 

Promise.allSettled()

 

• 모든 promise의 성공/실패 결과를 모두 반환
• 실패해도 중단되지 않음

 

• ex)

Promise.allSettled([p1, p2])

      .then(results => console.log(results))

 

 

 

 

Promise.any

 

• 하나라도 성공하면 then 실행
• 모두 실패하면 catch 실행

 

• ex)

Promise.any([p1, p2])

      .then(result => console.log(result))

      .catch(err => console.log(err))

 

 

 

 

 

 

• ex) 해당 코드 3개로 promise 메서드 구현하기

 

 

 

 

 

 

• 순차 처리 (Promise 체이닝) 

 

 

 

• Promise.all()

 

 

 

• Promise.race()

 

 

 

• Promise.allSettled()

 

 

 

 

 

 

 

 

 

 

---

 

 

 

 

 

 

 

 

2 . async / await

 

 

 

 

 

 

 

• Promise를 기반으로 한 자바스크립트의 비동기 처리 문법
• 비동기 코드를 동기 코드처럼 읽기 쉽고 직관적으로 작성할 수 있게 함
• async가 붙은 함수는 항상 Promise를 반환
• await는 Promise가 처리될 때까지 실행을 일시적으로 기다린 뒤 결과 값을 반환받아 다음 코드로 넘어가게 함
• await는 Promise 앞에서만 사용 가능

 

 

• ex)

 

 

 

 

 

 

 

Promise에서 사용한 예제를 async/await를 사용하기

 

• Promise 예제

 

 

 

 

• async/await 사용

=> orderCoffee는 동일, anync/await를 사용해 startOder 생성

 

 

 

 

 

 

 

 

 

 

---