JavaScript에서 Promise.any() 및 async-await를 설명하시겠습니까?

이 튜토리얼에서는 Promise의 any() 메소드에 대해 배웁니다. JavaScript에서는 Promise를 사용하여 비동기 요청을 처리할 수 있습니다. 데이터를 가져오기 위해 애플리케이션에 비동기 코드를 작성하면 데이터가 다른 코드를 실행할 때까지 기다릴 필요가 없기 때문에 작업 속도가 빨라집니다.

Promise.any() 메서드

any() 메소드의 이름에서 알 수 있듯이 이행된 모든 약속을 실행합니다. 따라서 Promise가 먼저 해결되는 것은 Promise.any() 메서드에 의해 실행되지만 다른 Promise는 실행될 수도 있고 실행되지 않을 수도 있습니다. 또한 거부된 Promise는 Promise.any() 메서드에 의해 실행되지 않습니다.

Syntax

사용자는 다음 구문에 따라 promise.any() 메서드를 사용할 수 있습니다.

으아악

위 구문에서는 "then" 블록의 모든 Promise에서 반환된 결과를 처리할 수 있습니다.

매개변수

• Array_of_promise - 여기에는 여러 Promise가 포함되어 있으며 빠르게 해결할 수 있는 Promise는 any() 메서드로 실행됩니다.

Promise.any() 비동기 대기

JavaScript의 async 및 wait 키워드는 비동기 코드를 처리하는 데 사용됩니다. async는 함수 정의 앞에 사용되어 함수가 비동기식이며 Promise를 반환함을 나타냅니다. wait는 지정된 약속이 충족될 때까지 실행을 일시 중지하기 위해 비동기 함수 내에서 사용됩니다.

문법

다음은 JavaScript에서 Promise.any() 메서드와 async-await를 사용하기 위한 구문입니다.

으아악

여기서 promise1, promise2 등이 여러분이 기다리고 싶은 약속입니다. Promise.any 메서드는 해결될 첫 번째 입력 Promise의 값을 사용하여 해결되는 Promise를 반환하거나, 모든 입력 Promise가 거부된 경우 거부된 모든 입력 Promise의 배열을 반환합니다.

예 1

아래 예에서는 Promise() 생성자를 사용하여 다양한 Promise를 생성합니다. promise_2를 거부하고 다른 promise를 해결하며, 2밀리초 후에 promise_3을 해결합니다. 따라서 promise_1이 먼저 성공적으로 실행됩니다.

출력에서 any() 메서드가 promise_1의 결과를 조기에 해결되므로 출력하는 것을 볼 수 있습니다.

으아악

예 2

아래 예에서는 비동기 함수 getData()를 만들었습니다. 여기서는 fetch() 메소드를 사용하여 여러 Promise 배열과 Promise를 생성합니다.

라이브 API에서 데이터를 가져오고 있습니다. 요청 배열에는 세 개의 Promise가 포함되어 있지만 출력에서는 결과가 반복 가능한 객체가 아니며 이전에 해결된 Promise의 응답만 포함되어 있음을 확인할 수 있습니다.

으아악

이 예에서 getData 함수는 Promise.any()를 사용하여 구현할 세 가지 가져오기 Promise 중 첫 번째로 구현되는 Promise를 생성합니다. 그런 다음 함수는 wait 키워드를 사용하여 약속이 이행될 때까지 기다리고 응답 텍스트를 기록합니다. 약속이 거부되면 catch 블록이 실행되고 오류가 콘솔에 기록됩니다.

async 및 wait와 함께 Promise.any()를 사용하면 간결하고 읽기 쉬운 방식으로 여러 Promise를 처리하는 데 유용한 방법이 될 수 있습니다. 이를 통해 Promise 세트를 지정하고 다른 Promise를 무시하면서 첫 번째로 이행된 Promise를 처리할 수 있습니다.

이 튜토리얼에서는 any() Promise 메소드를 사용하는 방법을 배웠습니다. any() 메서드를 사용하는 목적은 해결된 Promise에서 유일한 메서드를 실행하는 것입니다.

위 내용은 JavaScript에서 Promise.any() 및 async-await를 설명하시겠습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!