JavaScript&TypeScript

[JS] async와 await

5kiran 2023. 4. 7.
반응형

async와 await

async/await는 자바스크립트에서 비동기 처리를 보다 간편하게 해주는 문법입니다.

async 함수는 항상 Promise를 반환하며, await 키워드를 사용하면 Promise가 처리될 때까지 기다리게 됩니다.

이렇게 기다리는 동안 다른 작업을 처리할 수 있기 때문에, 비동기 처리를 할 때 코드의 가독성과 유지보수성이 좋아집니다.

async function fetchUserData(userId) {
  try {
    const response = await fetch(`https://api.example.com/users/${userId}`);
    const userData = await response.json();
    return userData;
  } catch(error) {
    console.error(error);
  }
}

async/await는 콜백이나 프로미스보다 가독성이 좋고, 예외 처리도 간단합니다. 

따라서 자바스크립트에서 비동기 처리를 할 때 많이 사용되는 문법 중 하나입니다.

 

반응형

'JavaScript&TypeScript' 카테고리의 다른 글

[JS] 이벤트 루프와 콜백 함수  (0) 2023.04.08
[JS] Arrow Function(화살표 함수)  (0) 2023.04.06
[JS] Hoisting  (0) 2023.02.17
[JS] Promise  (0) 2023.02.12
[JS] var, let, const  (0) 2023.02.07

댓글