async , await 정의 및 사용방법

await는 JavaScript에서 비동기 작업을 동기적으로 처리할 수 있게 해주는 키워드입니다. fetch 함수와 함께 사용하면 네트워크 요청을 보내고 응답을 받을 때까지 코드 실행을 잠시 멈추게 할 수 있습니다.

 

await의 의미와 사용 방법

1. 의미:
   • await는 async 함수 내에서만 사용할 수 있습니다.
   • await는 Promise가 해결될 때까지 함수 실행을 일시 중지하고, 해결된 값을 반환합니다.
   • await는 비동기 작업을 동기 코드처럼 작성할 수 있게 해줍니다.
2. 사용 방법:
   • async 함수 내에서 await를 사용하여 비동기 작업을 처리합니다.
   • fetch 함수는 네트워크 요청을 보내고, Promise 객체를 반환합니다. 이 Promise가 해결될 때까지 await는 기다립니다.

async function getToken() {
    try {
        const response = await fetch('./gettoken.php');
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        const data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
    }
}

getToken();

 

설명

• async function getToken() : async 키워드를 사용하여 비동기 함수를 정의합니다.
• const response = await fetch('./gettoken.php'); : fetch 함수가 반환하는 Promise가 해결될 때까지 기다립니다.
• const data = await response.json(); : 응답을 JSON으로 변환합니다.
• try...catch 블록을 사용하여 오류를 처리합니다.