본문 바로가기

자바스크립트/비동기

async 함수와 await에 관한 팁

1. 함수 앞에 async를 붙이면 무조건 Promise를 리턴한다.

일반적인 값을 리턴하려해도 자동으로 Promise가 이를 감싼 뒤에 리턴한다.

 

async function func() {

    return 1;

}

 

2. async 함수 안에서 Promise.all을 쓰려면 다음과 같이 한다.

 

let results = await Promise.all([ fetch(url1), fetch(url2), ... ]);

 

Promise.all을 쓰면 각 배열에서 리턴하는 Promise를 기다린 다음에 진행한다.

 

자세한 내용은 다음 링크에 아주 잘 설명 돼 있다.

 

https://javascript.info/async-await