약속.모두()-JS 튜토리얼-php.cn

약속.모두()

DDD

풀어 주다： 2025-01-21 12:34:16

원래의

542명이 탐색했습니다.

약속.모두()

자바스크립트에 대한 깊은 이해약속.모두()

약속.모두()은 여러 비동기 작업을 동시에 처리하기 위한 JavaScript의 강력한 방법입니다. 여러 Promise가 포함된 반복 가능한 객체(일반적으로 배열)를 받고 단일 Promise를 반환합니다. 이 단일 Promise는 모든 입력 Promise가 성공적으로 해결되는 경우에만 해결됩니다. 하나라도 Promise가 거부되면 단일 Promise가 즉시 거부됩니다. 이 가이드에서는 약속.모두()의 기능, 구문, 동작 및 실제 예를 살펴봅니다.

문법

약속.모두()의 구문은 간단합니다.

<code class="language-javascript">Promise.all(iterable);</code>

로그인 후 복사

iterable: Promise 또는 값을 포함하는 배열 또는 기타 반복 가능한 객체입니다. Promise가 아닌 값은 해결된 Promise로 처리됩니다.

반환값

이 메서드는 다음 동작으로 Promise를 반환합니다.

iterable이 비어 있으면 즉시 빈 배열로 구문 분석됩니다.
iterable의 모든 Promise가 성공하면 원래 순서를 유지하면서 성공한 값을 포함하는 배열로 해석됩니다.
Promise가 거부되면 즉시 거부되며 다른 모든 Promise의 결과는 무시하고 첫 번째 거부된 Promise의 이유가 반환됩니다.

성공과 실패

성공: 모든 Promise가 성공적으로 해결되면 약속.모두()은 입력 Promise와 동일한 순서로 결과 배열을 반환합니다.
실패: Promise가 거부되면 약속.모두()은 즉시 거부되고 Promise의 거부 이유가 반환됩니다.

실용예

예시 1: 기본 사용법

이 예에서는 서로 다른 시간 초과 후에 해결되는 세 가지 약속을 만듭니다.

<code class="language-javascript">const promise1 = new Promise((resolve) => setTimeout(() => resolve('One'), 1000));
const promise2 = new Promise((resolve) => setTimeout(() => resolve('Two'), 2000));
const promise3 = new Promise((resolve) => setTimeout(() => resolve('Three'), 3000));

Promise.all([promise1, promise2, promise3])
  .then(values => console.log(values)) // 输出: ['One', 'Two', 'Three']
  .catch(error => console.error(error));</code>

로그인 후 복사

여기서 약속.모두()는 세 가지 Promise가 모두 해결될 때까지 기다린 다음 해당 결과를 콘솔에 배열로 기록합니다.

예 2: 혼합 값 처리

해결된 값과 약속을 혼합할 수도 있습니다.

<code class="language-javascript">const p1 = Promise.resolve(42);
const p2 = Promise.resolve('Hello');
const p3 = new Promise((resolve) => setTimeout(() => resolve('World'), 1000));

Promise.all([p1, p2, p3])
  .then(values => console.log(values)) // 输出: [42, 'Hello', 'World']
  .catch(error => console.error(error));</code>

로그인 후 복사

이 경우 p1과 p2는 즉시 확인되지만 p3은 1초 후에 확인됩니다.

예 3: 실패 처리

약속 중 하나가 거부되면 약속.모두()은 즉시 거부됩니다.

<code class="language-javascript">const p1 = Promise.resolve(42);
const p2 = Promise.reject(new Error('Failed!'));
const p3 = new Promise((resolve) => setTimeout(() => resolve('This will not run'), 1000));

Promise.all([p1, p2, p3])
  .then(values => console.log(values))
  .catch(error => console.error(error.message)); // 输出: 'Failed!'</code>

로그인 후 복사

여기서는 p2가 거부되었기 때문에 전체 작업이 실패하고 오류 메시지가 기록됩니다.

`약속.모두()`

의 적용 시나리오

여러 리소스 가져오기: 동시에 여러 API에서 데이터를 가져와서 모든 응답을 처리하기 전에 기다려야 하는 경우입니다.
병렬 처리: 여러 개의 독립적인 작업이 동시에 실행되고 그 결과를 함께 결합해야 하는 경우.
일괄 작업: 각 작업을 독립적으로 완료할 수 있는 일괄 업데이트 또는 계산을 수행하는 경우.

결론

약속.모두()은 JavaScript에서 여러 비동기 작업을 관리하는 데 필수적인 도구입니다. 개발자가 다른 논리를 계속하기 전에 여러 Promise가 해결될 때까지 기다릴 수 있도록 하여 코드를 단순화합니다. 그러나 하나의 Promise가 실패하면 전체 작업이 실패하게 되므로 실패를 올바르게 처리하는 것이 중요합니다. 약속.모두()을 효과적으로 사용하는 방법을 이해하면 더 깔끔하고 효율적인 비동기 코드를 작성할 수 있습니다.

위 내용은 약속.모두()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!