Colin's Blog
[typescript] async 함수 선언 방법

목차

Async 함수란?

Async 함수는 비동기적인 작업을 수행하는 함수로, await 키워드를 사용하여 비동기적으로 처리된 프로미스의 완료를 기다립니다. 이를 통해 비동기 코드를 보다 직관적으로 작성할 수 있습니다.

Async 함수 선언 방법

TypeScript에서 Async 함수를 선언하는 방법은 간단합니다. 함수 앞에 async 키워드를 추가하면 됩니다. 이러한 함수는 항상 Promise를 반환하며, 결과 값이나 에러는 자동으로 프로미스로 래핑됩니다.

async function fetchData() {
  const response = await fetch('https://example.com/data');
  return response.json();
}

위의 예제에서 fetchData 함수는 데이터를 가져오기 위해 fetch 함수를 사용하고, await를 사용하여 비동기적으로 데이터를 가져오고 있습니다.

예제 코드

다음은 TypeScript에서 Async 함수를 사용하는 간단한 예제입니다.

async function getUserData(userId: number): Promise<User> {
  const response = await fetch(`https://example.com/api/users/${userId}`);
  if (response.ok) {
    return response.json();
  }
  throw new Error('Failed to fetch user data');
}

위의 예제에서 getUserData 함수는 사용자 ID를 받아와서 해당 사용자의 데이터를 가져오는 Async 함수입니다.

참고 자료

© 2018 Colin. All rights reserved.