>  기사  >  웹 프론트엔드  >  JavaScript에서 wait를 사용할 때 catch로 Promise 거부 처리하기

JavaScript에서 wait를 사용할 때 catch로 Promise 거부 처리하기

WBOY
WBOY앞으로
2023-08-24 16:57:021237검색

在 JavaScript 中使用 wait 时通过 catch 处理 Promise 拒绝

JavaScript에서 사용자는 약속을 사용하여 특정 작업을 수행할 수 있습니다. 예를 들어 API를 사용하여 데이터베이스에서 데이터를 가져오는 Promise를 생성할 수 있습니다. Promise가 데이터베이스에서 데이터를 성공적으로 가져오면 Promise가 성공한 것입니다. 그렇지 않으면 Promise가 실패하면 Promise가 거부되었음을 의미합니다.

먼저 Promise를 생성하는 구문을 살펴보겠습니다.

문법

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

으아악

위 구문에서는 "new" 키워드와 함께 Promise() 생성자를 사용하여 Promise를 생성합니다.

아래 예에서는 두 가지 다른 Promise를 생성합니다. 게다가 우리는 그것들을 언급하고 거부했습니다.

사용자는 testPromise1이 성공적으로 해결되어 어떻게 관리되었는지 아래 코드에서 확인할 수 있습니다. 논리적 부분은 오류를 처리하기 위해 catch 블록을 사용해야 한다는 두 번째 약속과 함께 제공됩니다. 출력에서 사용자는 testPromise2의 Promise 메시지가 catch 블록에서 인쇄되는 것을 확인할 수 있습니다.

으아악

비동기 기능과 함께 Promise를 사용하고 키워드를 기다리세요

사용자는 약속을 만드는 방법을 배웠습니다. 또한, 해결된 약속과 거부된 약속을 처리하기 위해 catch 블록을 사용하는 방법을 배웠습니다.

이제 async 함수와 함께 promise를 사용하는 방법과 wait 키워드를 배워보겠습니다. 따라서 거부된 Promise의 오류를 처리하려면 try-catch 블록을 사용해야 합니다.

비동기 함수를 사용하면 프로그램에서 여러 작업을 병렬로 수행할 수 있습니다. 함수를 정의한 다음 async 키워드를 사용하여 비동기화할 수 있습니다. 그런 다음 함수 내부에서 await 키워드를 사용하여 약속 결과를 기다릴 수 있습니다. 때로는 Promise의 결과를 얻지 못하면 함수에서 다른 작업을 수행할 수 없습니다. 따라서 await 키워드를 사용하여 얻을 수 있는 결과를 기다려야 합니다.

문법

Await 키워드와 함께 Promise를 사용할 때 사용자는 try-catch 블록을 사용하여 아래 구문에 따라 Promise 오류를 처리할 수 있습니다.

으아악

위 구문에서는 async 키워드를 사용하여 함수를 비동기화하고 await 키워드를 사용하여 Promise가 이행되거나 거부될 때까지 기다립니다.

아래 예에서는 비동기 함수를 만듭니다. 또한 거부와 함께 Promise를 반환하는 promise1() 함수를 만들었습니다. async 함수에서는 wait 키워드를 사용하여 promise1() 함수를 호출했으며, Promise가 거부되면 제어가 catch 블록으로 이동합니다.

으아악

아래 예에서는 위 예에서 생성한 것과 동일한 Promise를 생성하지만 Promise가 거부되면 타이머를 추가합니다.

사용자가 "execute Promise" 버튼을 클릭하면 executePromise() 함수가 실행됩니다. executePromise() 함수에서 wait 키워드를 사용하여 timerPromise()를 호출하고 timerPromise()는 함수가 앞으로 나아갈 때까지 기다리기 5초 전까지 Promise를 거부합니다.

으아악

위 출력에서 ​​사용자는 "Execute Promise" 버튼을 클릭하면 5초 후에 Promise가 거부되는 데 5초가 걸리기 때문에 catch 블록에서 오류 메시지가 표시되는 것을 볼 수 있습니다.

위 내용은 JavaScript에서 wait를 사용할 때 catch로 Promise 거부 처리하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제