Promise

박상훈·2022년 7월 27일
post-thumbnail

[사용법 코드]

const pr = new Promise((resolve, reject) => {
   // 코드 			// resolve는 성공 , reject는 실패 했을경우  실행되는 함수
// 어떤일이 완료 됬을때 실행되는 함수를 call back 함수라고 합니다. 
}); 

[.then]

const pr = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('OK')
  }, 3000)
});

pr.then(
  function(result){
  	console.log(result + '성공하다'); // resolve 일때라 성공이 출력됩니다.
},
  function(err){
    console.log(result + '실패다..); // reject 일 경우 실행됩니다.
}
);
               

[.catch]
캐치는 실패할경우 즉 reject 일때 실행됩니다.
첫번째 나온 에러도 잡아줍니다.
[.finally]

const pr = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('OK')
  }, 3000)
});

pr.then(
  function(result){}
).catch(
  function(err){}
).finally(
  function(){
    console.log('초기화 할>?>?때 사용하기좋습니다')
  }
 )

[Promise.all]
한번에 모두 시작되고 , 모두 이행되면 값을 사용할 수 있습니다.
하나의 정보라도 누락되면 실행되지 않으므로
모든 정보가 한번에 노출되어야 하는 경우에 사용되면 좋습니다!

Promise.all([f1(),f2().f3()]).then((res) => {
  console.log(res);
});

[Promise.race]
하나라도 완료되면 실행이 종료됩니다.

Promise.race([f1(),f2().f3()]).then((res) => {
  console.log(res);
});
profile
다들 좋은 하루 되세요

0개의 댓글