>웹 프론트엔드 >JS 튜토리얼 >적절한 오류 처리를 통해 JavaScript에서 비동기 작업을 동시에 실행하려면 어떻게 해야 합니까?

적절한 오류 처리를 통해 JavaScript에서 비동기 작업을 동시에 실행하려면 어떻게 해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-10 00:22:11250검색

How Can I Run Asynchronous Operations Concurrently in JavaScript with Proper Error Handling?

동시 대기 작업 실행

문제의 코드 조각은 비동기 작업을 수행할 때 문제가 발생합니다.

const value1 = 대기 getValue1Async();<br>const value2 = wait getValue2Async();<br>

이 구현은 다음 작업을 시작하기 전에 각 작업이 완료될 때까지 순차적으로 기다립니다. 동시 실행을 활성화하려면 수정된 접근 방식이 필요합니다.

Promise Decomposition and Separate Await

제시된 첫 번째 솔루션은 각 작업에 대한 Promise를 얻은 다음 별도로 대기하여 이 문제를 해결하려고 시도합니다.


const p1 = getValue1Async();
const p2 = getValue2Async();
const value1 = wait p1;
const value2 = wait p2;

이 메서드는 두 작업을 병렬로 실행하지만 처리하지 않습니다. 두 약속이 모두 거부되면 올바르게 거부합니다. 또한 두 번째 작업을 시작하기 전에 첫 번째 작업이 완료될 때까지 기다리므로 이는 비효율적입니다.

Promise.all 솔루션

이러한 문제를 해결하려면 Promise.all 함수를 사용할 수 있습니다.

<br>const [value1, value2] = wait Promise.all([getValue1Async(), getValue2Async()]);<br>

Promise.all은 Promise 배열을 가져와 모든 입력 Promise가 해결되거나 거부되면 해결되는 단일 Promise를 반환합니다. 이 접근 방식은 여러 가지 장점을 제공합니다.

  • 동시성: 첫 번째 작업이 완료될 때까지 기다리지 않고 작업이 동시에 실행됩니다.
  • 거부 처리: 모든 거부는 적절하게 처리되며 그에 따른 약속은 적절한 조치로 거부됩니다. 오류가 발생했습니다.
  • 단순성: 구문이 간결하고 읽기 쉽습니다.

TL;DR

요약하면 다음과 같은 동시 비동기 작업을 수행합니다. 적절한 거부 처리, 사용 Promise.all:

<br>const [value1, value2] = wait Promise.all([getValue1Async(), getValue2Async()]);<br>

위 내용은 적절한 오류 처리를 통해 JavaScript에서 비동기 작업을 동시에 실행하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.