> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 일련의 Promise를 어떻게 동기화할 수 있나요?

JavaScript에서 일련의 Promise를 어떻게 동기화할 수 있나요?

DDD
풀어 주다: 2024-11-08 12:54:01
원래의
630명이 탐색했습니다.

How can you synchronize a sequence of Promises in JavaScript?

Promise 시퀀스 동기화

JavaScript Promise는 비동기 작업을 처리하기 위한 강력한 메커니즘을 제공합니다. 그러나 특정 순서에 따라 Promise 실행을 동기화해야 하는 상황이 있습니다. 이는 초기 실행이나 이후 Promise의 중단을 피하고 싶을 때 특히 어렵습니다.

Promise Chaining을 통한 수동 반복

Promise 동기화에 대한 한 가지 간단한 접근 방식은 다음을 반복하는 것입니다. 수동으로 Promise를 하나씩 연결합니다.

function sequence(arr) {
  let index = 0;

  function next() {
    if (index < arr.length) {
      return arr[index++].then(next).catch(e => Promise.reject(e));
    }
  }

  return next();
}
로그인 후 복사

이 함수는 Promise 배열을 반복하여 각 Promise를 순서대로 해결하고 거부를 처리합니다.

Bluebird Promise 라이브러리 사용

Bluebird는 다음을 포함하여 동시성 제어를 위한 추가 기능을 제공하는 인기 있는 Promise 라이브러리입니다.

Promise.mapSeries(arr, function(item) {
  return processItem(item);
}).then(function(results) {
  // process final results here
}).catch(function(err) {
  // process array here
});
로그인 후 복사

ES7 Async/Await 사용

ES7은 비동기 프로그래밍을 단순화하고 promise 순서를 자연스럽게 지정하는 async/await 구문을 도입했습니다.

async function processArray(array, fn) {
  let results = [];
  for (let i = 0; i < array.length; i++) {
    let r = await fn(array[i]);
    results.push(r);
  }
  return results;    // will be resolved value of promise
}
로그인 후 복사

조기 실행 방지

조기 실행 방지 promise를 미리 선언하는 대신 루프 내에서 생성할 수 있습니다. 이렇게 하면 다음 약속이 생성되기 전에 현재 약속만 실행됩니다.

function sequenceDynamic(nextPromise) {
  let index = 0;

  function next() {
    const promise = nextPromise(index);
    if (promise) {
      return promise.then(() => next(++index)).catch(e => Promise.reject(e));
    }
  }

  return next();
}
로그인 후 복사

이 업데이트된 함수는 실행할 다음 약속을 반환하는 콜백 함수를 사용합니다. 콜백이 유효한 Promise를 반환하는 한 함수는 계속 반복됩니다.

결론

Promise를 특정 순서로 동기화하는 것은 수동 반복, Bluebird 라이브러리, 비동기식을 통해 달성할 수 있습니다. /await 구문을 사용하거나 조기 실행을 방지합니다. 귀하의 애플리케이션과 개발 환경에 가장 적합한 접근 방식을 선택하는 것이 중요합니다.

위 내용은 JavaScript에서 일련의 Promise를 어떻게 동기화할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿