Bleeding edge

순차적으로 비동기 실행시키기 본문

Javascript

순차적으로 비동기 실행시키기

codevil 2023. 8. 13. 02:21

1. 사용할 배열을 선언한다.

const promiseStringArray = ["string1", "string2", "string3"];

 

2. 순차적으로 실행하기 위해서 reduce를 사용한다. 시작(initial Value)은 Promise.resolve()으로 시작한다

promiseStringArray.reduce(async(prev, current)=>{

}, Promise.resolve());

 

3. accumulator에 체이닝 준비한다.

  const previousPromise = await prev.then();

 

4. 비동기를 실행한다.(예시함수 이름을 func로 사용하였다)

  await func(current);

 

5. Promise로 체이닝을 건다.

  return Promise.resolve(previousPromise)

 

모아보기

const promiseStringArray = ["string1", "string2", "string3"];
  //promise 체이닝을 이용하기 위해 reduce를 사용한다.
promiseStringArray.reduce(async(prev, current)=>{
  //이전에 사용할 체이닝을 준비한다.
  const previousPromise = await prev.then();
  //비동기를 실행한다
  await func(current);
  //promise chain을 연결한다.
  return Promise.resolve(previousPromise)
  //Promise.resolve로 시작한다
}, Promise.resolve());