Javascript Promise 객체 사용 방법과 작동 방식

js 프로젝트를 수행하며 기존에 얕은 지식으로 알고 있었던

Promise 객체 에 대하여 정리해야겠다는 생각이 들었습니다. 사용 방법과 작동 방식에 대해서 알아보겠습니다.

Promise

Promise는 비동기 연산이 종료된 이후의 결과값이나 실패 이유를 처리하기 위한 처리기를 연결할 수 있도록 도와줍니다. 즉, 프로미스를 사용하면 비동기 메서드에서도 동기 메서드처럼 값을 반환해주기 때문에 실무에서도 종종 사용합니다. 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용되는 것 입니다.

반응형

Promise 작동 방식

 

JS로 코딩을 하다보면 콜백지옥이 많이 발생하는데 Promise를 통해 콜백 함수를 연결하면 프로세스를 좀 더 유연하게 표현 할 수 있는 큰 장점이 있습니다.

 

loadItems()
  .then((items) => {
    displayItems(items);
    setEventListeners(items);
  })
  .catch(console.log);

실제 프로젝트내에서 작성했던 코드입니다. loadItems() 함수를 호출하고 

items객체가 담긴 정보를 담아 displayItems(items)와 setEventListeners(items)를 반환해주고 나서

console 에 출력합니다. 

 

위와 같이 코드를 작성하면 콜백 지옥을 벗어날 수 있고 가독성도 좋게 코드를 작성할 수 있습니다.