비동기 JavaScript에서 거부된 약속을 포함하여 모든 약속을 어떻게 처리할 수 있나요?

거부에도 불구하고 모든 약속이 완료되기를 기다리는 것

비동기 프로그래밍에서 약속을 처리하는 것은 일부 작업이 실패할 때 어려움을 겪을 수 있습니다. 다음 시나리오를 고려해 보겠습니다.

const arr = [fetch('index.html'), fetch('http://does-not-exist')];

Promise.all(arr)
  .then(res => console.log('success', res))
  .catch(err => console.log('error', err)); // This is executed

위 코드는 가져오기를 사용하여 네트워크 요청을 만듭니다. 그러나 Promise.all은 첫 번째 요청 실패 시 거부하므로 문제가 발생합니다. 실패한 작업을 포함하여 모든 작업의 ​​결과를 어떻게 처리할 수 있습니까?

네이티브 JavaScript 솔루션

To 이 문제를 해결하려면 다음과 같은 기본 JavaScript 기술을 사용할 수 있습니다.

1. reflect를 사용하여 래퍼 만들기 Promise:

const reflect = p => p.then(v => ({ v, status: "fulfilled" }), e => ({ e, status: "rejected" }));

이 반영 함수는 Promise의 상태를 나타내는 상태 속성과 함께 해결된 값이나 거부 이유를 포함하는 객체로 확인되는 새로운 Promise를 반환합니다.

2. 전체에 Reflect 적용 약속:

var arr = [fetch('index.html'), fetch('http://does-not-exist')];

Promise.all(arr.map(reflect)).then(function(results){
  var success = results.filter(x => x.status === "fulfilled");
});

이 예에서는 배열의 각 약속에 반영을 적용합니다. 결과 배열에는 이제 각 요청에 대한 상태 및 오류 또는 값 속성이 있는 객체가 포함됩니다.

최신 대안: Promise.allSettled

최신 솔루션을 위해서는 내장된 Promise.allSettled 사용을 고려하세요. :

Promise.allSettled([promise]).then(([result]) => {
  // Code will execute regardless of the promise's state
  // { status: "fulfilled", value: 33 }
});

이 방법은 약속 내용에 관계없이 확정된 모든 약속을 처리하는 편리한 방법을 제공합니다. 결과.

이러한 기술을 활용하면 비동기식 작업을 원활하게 관리하고 모든 약속의 결과(실패한 약속 포함)에 액세스할 수 있으므로 사용 가능한 데이터를 기반으로 현명한 결정을 내릴 수 있습니다.

위 내용은 비동기 JavaScript에서 거부된 약속을 포함하여 모든 약속을 어떻게 처리할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!