Async-Await를 사용하여 비동기 함수에서 값을 검색하는 방법은 무엇입니까?

Async-Await를 사용한 비동기 함수 값 검색

async-await 구문을 활용하는 JavaScript에서 비동기 함수로 작업할 때 다음이 필요합니다. 활용할 호출자 함수에 대한 값을 올바르게 반환합니다.

비동기 함수에서 값을 반환하려면 다음을 수행해야 합니다. 예상대로 return 키워드를 사용하십시오. 그러나 제공된 코드 샘플에 설명된 것처럼 비동기 범위 외부의 반환 값에 액세스하려고 하면 보류 상태의 Promise 객체를 받게 됩니다.

이 문제를 해결하려면 다음이 필요합니다. 여기에 표시된 대로 비동기 IIFE(즉시 호출 함수 표현식)로 콘솔 로깅 문을 래핑합니다.

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

이렇게 하면 비동기 범위가 보존되어 다음을 활성화할 수 있습니다. 함수를 사용하여 원하는 값에 액세스하고 반환합니다.

axios 라이브러리는 promise를 반환하므로 아래와 같이 getData 함수에 대한 async-await 구문을 생략할 수도 있습니다.

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

그런 다음 위에서 설명한 대로 콘솔 로깅 문을 비동기 IIFE로 래핑하여 getData 함수에서 값을 검색할 수 있습니다. async/await에 대한 자세한 내용은 온라인에서 확인할 수 있습니다.

위 내용은 Async-Await를 사용하여 비동기 함수에서 값을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!