[JavaScript] 🤙 promise

🤙 promise ?

• promise는 어떤 과정 이후 주어진 동작을 실행할 것을 약속하는 것을 의미합니다.
• 중첩된 비동기 코드를 직관적이고 연속적인 코드로 작성할 수 있도록 합니다.
• callback hell의 문제를 해결할 수 있습니다.

promise 사용

• new Promise((resolve, reject)=>{}) 의 형태로 정의합니다.
• 첫 번째 매개변수로 약속 이행 성공시 실행 할 콜백함수를 받습니다.
• 두 번째 매개변수로는 약속 이행에 실패시 실행할 콜백함수를 받습니다.
• 관례적으로 resolve, reject로 함수 이름을 정의합니다.
• reject가 실행되면 resolve는 무시됩니다.
• promise는 3가지 상태를 갖습니다.
  • pedding : 대기 상태로 아직 resolve, reject 될 지 결정되지 않은 초기상태을 의미합니다.
  • fullfilled : 이행 상태로 약속이 성공적으로 완료된 상태입니다.
  • rejected : 거부 상태로 약속이 거부된 상태입니다.
• promise는 약속이 성공적으로 이행되면 fulifilled 상태의 promise를 반환합니다.
• then 메서드를 통해 resolve(성공)에 반환되는 값을 받을 수 있습니다.
• catch 메서드를 통해 reject(실패) 됬을때 값을 받을 수 있습니다.
• finally 메서드는 성공 실패든 상관 없이 값을 받는 콜백함수입니다.
• 또 다른 promise를 반환하기 때문에 메서드 체이닝이 가능합니다.

promise 예시 코드

const orderchicken = new Promise((resolve, reject)=>{
if(Math.random() < 0.5){
	setTimeout(()=>{
  	resolve('정상적으로 주문이 완료되었습니다.');
  }, 1000)
}
else {
setTimeout(()=>{
  	reject('주문량이 너무 많아 주문을 받지 못하였습니다.');
  }, 1000)	
}
}).then(res=>{
	console.log(res);
console.log(typeof res)
}).catch(error => {
console.log(error);
}).finally(()=>{
	console.log("주문 종료");
})

promise의 병렬 처리

1 ) promise all

• promise의 배열을 받아서 동시에 실행합니다.
• 모두 성공한다면 resolve된 값들을 배열로 반환합니다.
• 하나 라도 실패한다면 바로 catch가 실행됩니다.

2 ) promise allSettled

• 주어진 proimse들의 결과를 배열로 출력합니다.
• 실패와 상관없이 then으로 배열을 반환합니다.

3 ) promise any

• 가장 먼저 성공한 promise의 결과를 반환합니다.
• 모두 실패시 오류가 발생합니다. catch는 동작하지 않습니다.

4 ) promise race

• 성공, 실패 상관없이 첫 결과물을 then 또는 catch로 반환합니다.