JavaScript 자바스크립트의 비동기 처리 async, await 사용 방법.
페이지 정보
본문
자바스크립트에서 비동기로 프로세스를 처리하려면 아래와 같이 함수(function)에 async 키워드를 사용하면 됩니다.
function delay(d) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(), d);
})
}
async function getApple() {
await delay(1000);
return "apple";
}
async function getBanana() {
await delay(500);
return "banana";
}
async function getFruites() {
let a = "async: ";
a += getApple().then((n) => console.log(`sync: ${n}`));
a += getBanana().then((n) => console.log(`sync: ${n}`));
console.log(a);
}
getFruites();
실행하면 a 변수가 먼저 콘솔에 표시되고, banana 그리고, apple이 표시됩니다. 비동기로 처리되는걸 확인할 수 있습니다.
동기적으로 처리하려면 await 키워드를 async 함수 앞에 추가하면 됩니다.
function delay(d) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(), d);
})
}
async function getApple() {
await delay(1000);
return "apple";
}
async function getBanana() {
await delay(500);
return "banana";
}
async function getFruites() {
let a = "async: ";
a += await getApple().then((n) => console.log(`sync: ${n}`));
a += await getBanana().then((n) => console.log(`sync: ${n}`));
console.log(a);
}
getFruites();
코드를 실행하면 순서대로 콘솔이 찍히는걸 확인할 수 있습니다.
개발자에게 후원하기
추천, 구독, 홍보 꼭~ 부탁드립니다.
여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~
감사합니다~
추천0 비추천0
- 이전글윈도우 환경에서 도커 데스크톱에 CentOS 설치하기. (Installing CentOS in a Windows environment. with Docker Desktop.) 23.06.13
- 다음글vscode에서 js 파일 실행하는 방법. 23.06.12
댓글목록
등록된 댓글이 없습니다.