"진행될 미래를 약속하다" JavaScript - Promise

김지헌·2022년 11월 15일
1
post-thumbnail

Promise

목차

  • Description

  • State

  • 프로미스를 리턴받은 객체

  • Why do we need it?


Description

  1. 프로미스 자바스크립트 비동기 처리에 사용되는 객체

  2. Promise 개체는 비동기 작업의 최종 완료(또는 실패)와 그 결과 값을 나타냄

  3. 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용


State

  1. 대기(pending): 이행하지도, 거부하지도 않은 초기 상태.

  2. 이행(fulfilled): 연산이 성공적으로 완료됨.

  3. 거부(rejected): 연산이 실패함.


프로미스를 리턴받은 객체

  1. .then() - 정상적으로 프로미스 객체가 리턴 되었다면 필요한 일을 수행

  2. .catch() - 에러객체가 리턴되었다면 에러를 처리

  3. .finally() - 최종적으로 처리할 일을 수행


Why do we need it?

  • 자바스크립트는 기본적으로 동기 처리 방식

  • 필요에 의해 비동기함수를 만들어 사용하게 됨

  • 비동기함수와 동기 처리방식의 진행 순서 차이로 인해 원하지 않는 결과가 발생

  • 순서가 필요한 비동기함수를 마치 동기화 처리가 된 것처럼 만들어주는 Promise라는 객체를 개발

profile
Still Dreaming..

0개의 댓글