비동기 기능이 최상위 `async` 코드를 생성하기 전에 `console.log`가 나타나는 이유는 무엇입니까?

최상위 비동기 함수에서 로그 메시지 이후 비동기 실행이 발생하는 이유는 무엇입니까?

async/await에서는 비동기 함수가 Promise를 반환한다고 가정합니다. 그러나 명시적인 Promise 처리 없이 최상위 수준에서 비동기 함수를 사용하면 복잡성이 발생합니다.

작동하지 않는 이유 이해

여기서 문제는 주 함수가 Promise를 반환한다는 것입니다. , 즉시 출력할 값 없이 console.log('outside: ' text) 문을 남겨 둡니다. async/await 구문을 사용하면 계속 진행하기 전에 main()에서 반환된 Promise가 해결될 때까지 기다리기 때문에 'outside' 메시지 다음에 'inside' 메시지가 기록됩니다.

문제 해결

명시적인 then() 처리 없이 반환된 값을 활용하려면 세 가지 옵션이 있습니다:

1. 최상위 레벨 대기 모듈

(ES2022를 지원하는 최신 환경에서 사용 가능)

const text = await main();
console.log(text);

2. 절대 거부하지 않는 최상위 비동기 기능

(async () => {
try {
const text = await main();
console.log(text);
} catch (e) {
// Handle Promise rejection or async exceptions here
}
})();

3. 그럼 잡아

main()
.then(text => {
console.log(text);
})
.catch(err => {
// Handle Promise rejection or async exceptions here
});

위 내용은 비동기 기능이 최상위 `async` 코드를 생성하기 전에 `console.log`가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!