← Back to NOTES 🌰 ← Back to Effective TypeScript

← 아이템 24 - 일관성 있는 별칭 사용하기

핵심 요약

콜백보다는 프로미스(Promise)를 사용하는 것이 코드 작성과 타입 추론 면에서 유리하다. 프로미스를 직접 생성하기보다는 async/await를 사용하는 것이 더 간결하고 직관적이다. 어떤 함수가 프로미스를 반환한다면 async로 선언하는 것이 좋다.

자세한 내용

콜백의 문제점

과거 자바스크립트에서는 비동기 동작 모델링을 위해 콜백을 사용했다. 콜백이 중첩된 코드는 직관적으로 이해하기 어렵고, 실행 순서와 코드 순서가 반대가 되는 콜백 지옥(callback hell)에 빠지기 쉽다.

Promise와 async/await

• ES2015는 Promise 개념을 도입
• ES2017은 async/await 키워드를 도입
• await 키워드는 각 프로미스가 처리(resolve)될 때까지 함수 실행을 멈춤
• async 함수 내에서 프로미스가 거절(reject)되면 예외를 던지므로 try/catch 사용 가능

async/await의 장점

1. 코드 가독성

• 콜백보다 간결하고 직관적
• 실행 순서와 코드 순서가 일치

2. 타입 추론

• Promise 체이닝으로 타입이 자동 추론됨
• 콜백보다 타입 추론이 쉬움