async-await를 사용하여 비동기 함수의 반환 값에 액세스하는 방법은 무엇입니까?

async-await를 사용하여 비동기 함수에서 값 반환

async-await 구문을 사용하여 비동기 함수를 호출할 때 반환 값에 직접 액세스 보류 중인 Promise가 발생할 수 있습니다. 이 문서에서는 이 문제를 해결하는 방법을 설명합니다.

비동기 범위 외부의 값 대기

getData 함수의 반환 값을 기록하려는 초기 시도가 실패했습니다. 비동기 범위 외부의 값을 기다리려고 합니다. async-await 구문은 비동기 함수 또는 블록(async 키워드로 표시됨) 내에서만 사용할 수 있습니다.

로깅을 래핑하는 비동기 IIFE

이 문제를 해결하려면, 다음과 같이 console.log 문을 비동기 IIFE(즉시 호출 함수 표현식)로 래핑할 수 있습니다.

(async () => {
  console.log(await getData());
})();

이렇게 하면 로깅이 비동기 컨텍스트 내에서 수행되어 wait 구문이 올바르게 작동할 수 있습니다.

Async/Await for Promise 반환 생략

귀하의 예에서 axios는 Promise를 반환합니다. 이러한 경우 getData 함수에 대한 async/await 구문을 생략하고 Promise 객체를 직접 사용하여 코드를 단순화할 수 있습니다.

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}

그런 다음에도 여전히 비동기 IIFE를 사용하여 결과를 다음과 같이 기록할 수 있습니다. 이전:

(async () => {
  console.log(await getData());
})();

이러한 접근 방식을 따르면 async-await를 사용하여 비동기 함수에서 반환된 값이 올바르게 액세스되고 처리되도록 할 수 있습니다.

위 내용은 async-await를 사용하여 비동기 함수의 반환 값에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!