자바 스크립트 비동기은/

Question

자바 스크립트의 원인이 아닌 실제 약속의 해결 약속의 배열을 반환합니다 다음 코드

class SomeClass { 
    async someFunc() { 
    const urlParameters = [0, 1, 2]; 
    const batchAjaxResult = await urlParameters.map((parameter) => { 
     const result = await $.get(`someUrl/${parameter}`); 
     return { 
      parameter, 
      result 
     } 
    }); 

    console.log(batchAjaxResult); 

    } 
} 

을 감안할 때 Array.map 내부의 약속()에 대한 기다리고 있습니다.

이것은 아마도 Array.map()이 Promise로 구현되지 않았기 때문일 수 있습니다.

Array.map의 약속 기반 버전이 있습니까?

Array.map 안에 배치 된 일괄 처리 된 응답을 반환하는 방법에 대한 질문이므로이 질문은 How to return the response from an asynchronous call과 다릅니다.

Answer 1

이 질문을 쓰면서 나는 그 문제의 근원에 도달 할 수있었습니다. 그것은 블루 버드처럼 보인다

는 Promise.map

라는 같은 기능 이와 비슷하게이 다음과 같이 내가 코드를 바꾼 "대량 약속"

를 생성 Promise.all라는 기본 구현이며이 작동하고 있습니다

class SomeClass { 
    async someFunc() { 
     const urlParameters = [0, 1, 2]; 
     const batchAjaxResult = await Promise.all(
      urlParameters.map(async (parameter) => { 
      const result = await $.get(`someUrl/${parameter}`); 
      return { 
       parameter, 
       result 
      } 
     }) 
    ); 
     console.log(batchAjaxResult); 

    } 
} 

Answer 2

연속 실행을 약속하는이 간단한 함수를 사용할 수 있습니다.

,210

function asyncMap(arr, mapper) { 
 
    var q = Promise.resolve(); 
 
    return Promise.all(arr.map(v => q = q.then(() => mapper(v)))); 
 
} 
 

 

 
// Usage 
 

 
asyncMap([1, 2, 3], v => { 
 
    return new Promise(resolve => { 
 
    console.log("Start " + v); 
 
    setTimeout(() => { 
 
     console.log("End " + v); 
 
     resolve("foo" + v); 
 
    }, 500); 
 
    }); 
 
}).then(a => console.log(a));