Javascript : Promise

본 포스팅은 유트브 '코딩앙마'님의 자바스크립트 중급 강좌를 보고 쓴 것입니다.

자바스크립트를 써야 할 상황이 왔는데 프로미스가 이해가 안가서 하,,,

어떻게 해도 이해가 안갔는데 코딩앙마님 영상보고 이해완료~ ><

진짜 설명 잘하심 ㅠㅠ

문제가 되면 해당 글 삭제하도록 하겠습니다~!

 

- 프로미스란?

어떤 작업이 다 완료될때까지 마냥 기다리지 않고 할거하다가 작업 완료됐다는 연락 받으면 그때 처리할 수 있게 해주는 것.

 

- 사용법

const pr = new Promise((resolve, reject) => {
	//code
    //resolve -> 성공시 실행 함수
    //reject -> 실패시 실행 함수
    //resolve와 reject는 콜백 함수  
});

* 콜백함수란 어떤일이 완료되고 나서 실행되는 함수

 

- 작동 방식

작동 방식 - by 유튜브) 코딩앙마 '자바스크립트 중급 강좌 : 140분 완성

- 작동예시

// 실패 가정 코드
const pr = new Promise((resole, reject) => {
	setTimeout(()=> {
    	reject(new Error('error..'))
    }, 3000)
});

pr.then(
	function(result){
    	console.log(result + '가지러 가자');
    }, // 이행 되었을 때 실행
    function(err){
    	console.log('다시 주문해주세요..');
    } // 거부 되었을 때 실행
)

// catch 사용 버전
pr.then(
	function(result){}
).catch(
	function(err){}
)

//finally는 처리가 끝나면 항상 사용

 

+) promise all

모두 동시에 돌릴 수 있음

하나의 정보라도 누락되면 페이지를 보여주면 안되는 경우 사용

 

+) promise.race

하나라도 완료되면 끝~