[JS] async / await

 

 

 

 

 

 

 

동기(synchronous)

• 동시에 발생함
• 요청을 하면 즉시 응답을 받는다.
• ex) 전화 통화

 

비동기(Asynchronous)

• 동시에 발생하지 않음 -> 순차적으로 발생
• 요청과 결과가 동시에 일어나지 않는다.
• 작업이 원래의 일이 끝날 때까지 기다리지 않는 것
• 응답과 동시에 처리할 필요 없이, 각자 처리할 수 있는 적절한 때에 처리하는 방식
• ex) 이메일

 

 

 

▶ async와 await

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법으로, 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완

 

 

const A = async () => {
	const data = "A 함수 실행 후 생기는 데이터";
    return data;
}

const B = (data) => {
	console.log(`${data}를 이용하는 B`);
}

//await는 async함수 내부에서만 호출 가능함
const func = async () => {
	const data = await A();
    console.log("A 함수 실행 성공!")
    B(data);
};

func();