Javascript Promise 정리 (설명을 경량화...)

오늘은 Promise를 찾아보았다.

 

검색을 해보니...?

 

Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.

 - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise

Promise - JavaScript | MDN

 

....?

 

번역체인지 말이 어렵다.

 

내 마음대로 정리해보자.

 

---

Promise

내용은 실행되었지만 결과를 아직 반환하지 않은 객체

(실행 결과를 호출 전까지 가지고 있음)

 

Callback과의 가장 큰 차이점 : 코드를 분리할 수 있는가 없는가.

Callback의 경우 해당 라인에서 처리가 실행되어야 하지만 Promise는 나중에 호출이 가능함.

 

...
const flag = true;
// Promise 내부는 동기로 돌아감...
const promise = new Promise((resolve, reject) => {
	if (flag) {
		resolve('성공');
	}  else {
		reject('실패');
	}
} );

...

// (값을 계속 가지고 있다가...) 호출 시 반환
promise
	.then((message) => {
		console.log(message);
	})
	.catch(error) => {
		console.error(error);
	})
    ...

Resolve (성공 리턴 값) -> then으로 연결

Reject (실패 리턴 값) -> catch로 연결

Finally -> 무조건 실행

 

최근에 노드 생태계에서는 Promise 지원을 확대하는 추세라 한다...

(알고 있어야 한다!)