JavaScript - async / await

1. async / await

- callback, promise 비동기 처리를 좀더 쉽게 처리할 수 있도록 사용됨.

- ES7에 추가된 문법

1. 함수의 function 부분 앞쪽에 Async,Await을 붙여준다.

2. promise 실행문 앞쪽에 await를 붙여준다.

return 값이 반환된다.

 

2. 예제 및 설명

getBanana란 함수이다.

return 값으로 1초뒤에 🍌 바나나값을 리턴함

 

 

3초뒤에 🍎를 리턴

 

reject 시키고 에러를 발생한다. 

 

async는   promise를 더 쉽게 사용하기 위해 사용하고

.then/.catch/.finally 사용가능하다.

 

fetchFruits 함수를 실행해서 리턴값인 [banana, apple]의 이모지 배열을 fruits에 담아서 프린트 해준다.

 

4초뒤에 배열이 출력 됨.