JS 비동기 처리 패턴

정승렬·2023년 4월 6일
0

기술면접

목록 보기
13/38

비동기 방식의 종류

  • 콜백 함수
  • Promise
  • async & await

콜백 함수

코드를 통해 명시적으로 호출하는 함수가 아니라, 함수를 등록시킨 후 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출되는 함수

비동기 작업이 길어질수록 콜백이 깊어지는데 이와 같은 방법은 'callback hell'(콜백 지옥) 이라는 문제점이 발생하여 가독성이 매우 떨어짐

Promise

특정 코드의 실행이 완료되면 다음 코드를 실행되도록 처리해주는 함수

Promise 상태 3가지
1) Pending(대기 상태): 프로미스가 만들어져서 operation이 실행되는 상태
2) Fulfilled(성공 상태): operation이 성공적으로 완료된 상태
3) Rejected:(실패 상태): 파일을 찾을 수 없거나 문제가 있는 상태

Async / Await

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법
기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완한다.

0개의 댓글