본문 바로가기

Dev/Web

[JS] async, await

📁 async

함수 실행 시, 무조건 promise 객체 반환

함수 내에서 return은 반환된 promise 객체의 결과 값

에러 발생 시 reject가 아닌 throw를 사용 (throw error를 통해 error 내용 전달)

try/catch 를 통해 error 검출

 

📁 await

  • 반드시 async 함수 안에서만 사용 가능 → 일반 함수에서 사용 시 SyntaxError 발생
  • promise 객체를 생성하는 함수 앞에 놓을 수 있음
  • JS가 await 키워드를 만나면 해당 함수가 promise 상태가 이행될 때까지 기다렸다, 이행 완료 시 결과 값 반환
  • 장점: 기존에 실행 순서가 예측 불가능했던 비동기 작동 방식이 동기적으로 실행되는 코드처럼 예측 가능해짐

 

 

'Dev > Web' 카테고리의 다른 글

[React] Virtual DOM  (0) 2023.11.11
[React] JSX  (0) 2023.11.11
[JS] Promise  (0) 2023.11.10
[JS] 비동기  (0) 2023.11.10
[JS] ES6  (0) 2023.11.09