JavaScript의 비동기 함수 외부에서 대기를 사용하는 방법은 무엇입니까?

JavaScript에서 async-await 키워드는 함수를 비동기화하는 데 사용됩니다. 함수를 비동기식으로 만들면 다중 스레드처럼 작동하고 코드를 병렬로 실행하므로 애플리케이션 성능을 향상시키는 데 도움이 됩니다.

여기에서는 비동기 함수 외부에서 wait 키워드를 사용하는 방법을 알아봅니다.

지금 통화 기능

이 메소드의 표현식을 사용하여 함수를 즉시 호출하겠습니다. 우리는 promise나 함수 내의 다른 함수와 함께 wait 키워드를 사용할 수 있습니다.

문법

사용자는 함수 표현식을 사용하여 다음 구문에 따라 함수를 즉시 호출할 수 있습니다.

으아아아

위 구문에서는 함수를 생성하는 것이 아니라 중괄호 안에 async 및 Wait 키워드를 사용하여 화살표 함수 구문을 작성했습니다.

예 1

아래 예시에서는 함수를 정의한 직후에 함수를 호출하고 있습니다. 표현식 내에서 화살표 함수를 정의합니다. 화살표 함수의 코드 블록에서는 wait 키워드와 axios를 사용하여 API에서 데이터를 가져왔습니다.

Axios를 사용할 수 있도록

섹션에 CDN을 추가했습니다. 출력에서 사용자는 API에서 얻은 데이터를 관찰할 수 있습니다. 으아아아

Promise 사용

비동기 함수 대신 Promise를 사용하여 서버로부터 응답을 받을 때까지 기다리거나 코드 실행을 일시 중지할 수 있습니다.

문법

사용자는 다음 구문에 따라 JavaScript에서 Promise를 사용할 수 있습니다.

으아아아

위 구문에서는 응답 및 오류를 처리하기 위해 Promise와 함께 then() 및 catch() 블록을 사용했습니다.

예 2

아래 예에서는 예 1과 동일한 작업을 수행합니다. 예제 1에서는 async-await 구문과 axios를 사용하여 데이터를 가져옵니다. 여기서는 axios의 Promise를 사용하여 데이터를 가져옵니다. axios.get() 메소드는 then() 및 catch() 블록을 사용하여 해결하는 Promise를 반환합니다.

으아아아

예 3

이 예에서는 new 키워드와 함께 Promise() 생성자를 사용하여 Promise를 생성합니다. 우리는 이 약속을 거부합니다.

그런 다음 then() 및 catch() 블록과 SamplePromise Promise 변수를 사용하여 Promise에서 응답이나 오류를 가져옵니다. 사용자는 오류를 거부하기 때문에 제어가 출력의 catch() 블록으로 이동하는 것을 관찰할 수 있습니다.

으아아아

이 튜토리얼에서는 사용자에게 비동기 함수 외부에서 wait 키워드를 사용하는 방법을 가르칩니다. 또한 Promise를 사용하여 async-await 키워드를 사용하는 대안을 설명했습니다.

위 내용은 JavaScript의 비동기 함수 외부에서 대기를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!