일반 함수와 달리 비동기 함수는 비동기 처리를 활용하여 실행을 일시 중지하고 재개할 수 있습니다. 그러나 이로 인해 반환된 값을 어떻게 검색할 수 있습니까?
처음에 일반적인 접근 방식은 다음을 시도하는 것입니다.
async function getData() { const data = await axios.get('https://jsonplaceholder.typicode.com/posts'); return data; } console.log(getData());
그러나 이 접근 방식은 Promise {
해결책은 비동기 즉시 호출 함수 표현식(async IIFE) 내에 console.log를 래핑하는 데 있습니다. ). 다음과 같습니다:
async function getData() { return await axios.get('https://jsonplaceholder.typicode.com/posts'); } (async () => { console.log(await getData()) })()
Axios가 Promise를 반환하므로 async/await를 생략하여 getData 함수를 단순화할 수 있습니다.
function getData() { return axios.get('https://jsonplaceholder.typicode.com/posts'); }
그런 다음 비동기 IIFE 내에 console.log를 다음과 같이 래핑합니다. 이전:
(async () => { console.log(await getData()) })()
비동기 IIFE 내에서 async-await를 활용하면 비동기 함수에서 반환된 값을 효과적으로 검색하고 기록하여 비동기 프로그래밍의 잠재력을 활용할 수 있습니다.
위 내용은 비동기 함수는 Async-Await를 사용하여 어떻게 값을 반환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!