[Vue] 비동기 콜백과 프로미스 객체 | 예외처리

Toproot·2021년 9월 11일
0

Vue

목록 보기
10/10
post-thumbnail

1. 비동기 - 콜백과 프로미스 객체의 이해

동기방식 (Synchronous)

  • 코드를 작성한 순서대로 실행 되는 것.

콜백함수(callback)

  • 함수의 실행 시간을 보장하기 위해 활용.
  • 데이터 처럼 활용되는 함수
  • 함수의 인수로 사용되는 또다른 함수
  • call(호출) + back(뒤)

콜백 지옥

promise

Promise - JavaScript | MDN

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

  • 대기(pending): 이행하거나 거부되지 않은 초기 상태.

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

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

  • 실행순서 : a() => resolve => b()

    promise await로 인해서 a가 실행이 끝나면

    다음 함수가 실행 될 수 있도록 순서 확정.

  • setTime이 아니더라도 함수실행의 순서가 중요한 경우 Promse 약속의 객체로 실행의 순서를 명확하게 집어줄 수 있음




2. 비동기 - 예외처리(then, catch, finally)

async, await

  • ECMAScript 2017 (ES8)

Promise

  • ECMAScript 2015 (ES6)

예외처리 (Exception Handling)

  • then() : async,await와 같은 최신의 기술을 권장하지만, 그렇지 못할때에 다음과 같은 then 메소드 체이닝으로 코드를 간소화하며 사용 가능.

  • catch()
  • finally()

  • try - catch 예외처리
  • finally()

profile
어디로 튈 지 모르는 개발자 로그 🛴

0개의 댓글