#1. Javascript - Async & Await

박주현·2023년 1월 29일
0
post-thumbnail

Async & Await

  • 자바스크립트의 비동기 처리 패턴 중 가장 최근 나온 문법으로
    기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고자 읽기 좋은 코드를 작성하여
    효율적인 코드를 작성할 수 있도록 도와준다.

기본문법

async function 함수명(){
	await 비동기_처리_메서드_명();
}

사용법

  • function 앞에 async 붙여서 사용
  • Promise 객체 앞에 await 붙여서 사용
  • async 붙은 함수는 promise 객체를 반환하기에 .then((a) => {} 를 이용.

예외처리 방법

1) .then / .catch를 사용하여 예외처리

async function p2(){
	throw 'error';
}
p2()
.then((n) => console.log(n));
.catch((n) => console.log(n));
});

2) async는 throw 사용하여 예외처리

async function myError(){
	throw 'myError';
}

const resultAsync = myError().catch((e) => {
	console.error(e);
});

3) async 함수 내에서 await 하는 Promise 가 예외발생하게 되면 throw를 반환하여 예외처리.

코드를 입력하세요

4) try catch를 사용하여 예외처리.
But! await를 통해서 동기식으로 작성해야 한다.

async function myTryCatch() {
	console.log*(new Date());
    try{
    	await rejWait(1);
    } catch(e) {
    console.error('myTryCatch',e);
    }
    
    console.log(new Date());
 }
 const 
profile
빌드업 막 시작하는 개발자

0개의 댓글