Promise 사용법

Jian·2022년 10월 18일
0

JavaScript

목록 보기
27/27

Promise 객체 생성


특정 코드 실행 후 성공 판정 내리도록 하기

var fx = new Promise(function(resolve, reject){
	(성공 판정 전 실행시킬 코드)
	resolve()
});

특정 코드 실행 후 실패 판정 내리도록 하기

var fx = new Promise(function(resolve, reject){
	(성공 판정 전 실행시킬 코드)
	reject()
});

Promise내 코드 실행 후 처리


fx.then(
	function (){
      (성공 판정 후 실행시킬 코드 )
    })
  .catch(
  	function (){
      (실패 판정 후 실행시킬 코드 )
  ))

Promise 함수에서 실행 후 결과 값을 다음 호출되는 함수에 넘겨주기


resolve 파라미터 안에 넘겨줄 값을 적는다.

var hx = new Promise(function(resolve, reject){
  var cal = 1 + 1;
  resolve(cal);
});

다음 함수 호출 시 파라미터에 임의의 값 넣으면 그 값에 담겨진다.

hx.then((a)=>{
	console.log(a)
}
// 결과 : cal의 연선 결과 2가 콘솔에 출력

일정 시간 경과 후 다음 코드 실행하게 하려면


setTimeout 함수 내에 resolve 메서드 사용해야 일정 시간 경과 후 성공 처리된다. (바깥에 작성하면 시간 경과 전에 다음 코드가 실행된다.)

var gx = new Promise(function (resolve, reject) {
  // console.log('첫번째-1');
  setTimeout(() => {
    console.log('첫번째-2');
    resolve();
    }, 1000);
  });

gx.then(() => {
  console.log('두번째');
});
profile
개발 블로그

0개의 댓글