[FE] 비동기

콜백과 프로미스 객체

• calback 함수 
  • 하나의 데이터처럼 사용되는 함수
  • 다른 함수에 인수로 전달되어 해당 함수의 내부에서 호출되는 함수
  • 기본적인 실행의 다음 순서를 보장하는 장점 가지고 있음
  • 사용패턴 불편 (콜백지옥)
• Promise
  
  • 비동기 작업을 처리하기 위한 객체 
  • async-await
• Async-await
  • 함수 앞에 async 붙이면 항상 promise 반환 
  • await 키워드는 async 함수 안에서만 사용 가능하며 promise가 해결될 때까지 기다림

 

 

 

예외처리 (then, catch, finally)

• then
  • 작업이 성공했을 때 실행될 함수 설정
• catch
  • 작업이 실패했을 때 실행될 함수 설정
• finally
  • 최종적으로 제대로 동작하던 혹은 거부되던 상관없이 가장 마지막에 실행할 내용 설정
• try-catch

try {
  // 오류가 발생할 수 있는 코드
} catch (error) {
  // 오류가 발생했을 때 실행되는 코드
}

 

 

 

 

참고자료

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