• 24.02.07<웹프로그래밍기초 복습>
  • promise 문법 공부
  • promise 사용을 통한 태스크 관리 시스템 만들기

call back함수와 promise

Call back function

• 전달인자로 다른 함수에 전달되는 함수
• 일종의 루틴이나 동작을 완료하기 위해 외부 함수 내부에서 호출

Call back hell

• 여러 개의 call back function을 중첩해서 사용할 경우 발생한다
• 코드의 depth가 증가해서 가독성을 해칠 수 있음

→ 어떻게 방지?

모든 콜백을 1 depth로 처리하여 해결

Promise: 객체

• 생성자는 parameter로 executor라고 불리는 함수를 전달받음
• executor 함수는 첫번째 인수로 resolve라고 불리는 콜백 함수, 두번째 인수로 reject (optional) 라고 불리는 콜백 함수를 받는다.
• Promise는 실행 결과를 반환 -> 성공, 실패에 따라 .then() or .catch() 호출

무조건 성공 or 실패 둘 중 하나만 일어남 성공시 resolve 호출 -> .then() 호출 실패시 reject -> .catch() 호출 .finally() : .then, .catch 중 무엇이 호출되든 상관없이 무조건 호출

Promise의 3가지 상태 1. pending : resolve or reject 되기 전 상태, 아직 실행중일 경우 2. resolved 3. rejected

Async 키워드 사용: 비동기적 수행 함수 정의 가능 -> await 키워드 사용: 암시적으로 promise 반환, resolve 안에서 반환한 데이터에 바로 접근 가능