자바스크립트 Async / Await

안녕하세요.
이번 포스팅에서는 자바스크립트 Async와 Await에 대해서 알아보겠습니다.

Async는 함수에 'async' 키워드를 추가해서 async 함수로 만들고 기본적으로 Promise를 반환을 합니다.
- 함수에 비동기 실행이 포함이 되어 있을 경우
- 반환값은 Promise의 resolve의 값이 됩니다.

async function greeting() {
	return 'Hello world';
}

fetchApi()
	.then(message => console.log(message)); // Hello world

 

Await는 함수 안의 promise 함수의 앞에 'await' 키워드를 추가해서 사용을 합니다. Await는 promise 함수가 완료되고 값이 반환이 될때 까지 기다리게 합니다.
(Await는 async 함수에서만 동작을 합니다.)

async function fetchApi(api) {
	const res = await fetch(api);
    const data = await res.json();
    return data;
}

fetchApi('https://www.fruityvice.com/api/fruit/all')
	.then(list => console.log(list));

 

여기까지 부족한 글을 읽어주셔서 감사합니다💛