[javascript] Node JS Promise.all 및 forEach

Program / 글쓴이

비동기 메서드를 노출하는 구조와 같은 배열이 있습니다. 비동기 메서드는 더 많은 비동기 메서드를 노출하는 반환 배열 구조를 호출합니다. 이 구조에서 얻은 값을 저장하기 위해 다른 JSON 개체를 만들고 있으므로 콜백에서 참조를 추적하는 데주의해야합니다.

무차별 대입 솔루션을 코딩했지만 좀 더 관용적이거나 깨끗한 솔루션을 배우고 싶습니다.

  1. 패턴은 n 레벨의 중첩에 대해 반복 가능해야합니다.
  2. Promise.all 또는 유사한 기술을 사용하여 둘러싸는 루틴을 해결할시기를 결정해야합니다.
  3. 모든 요소가 반드시 비동기 호출을 포함하는 것은 아닙니다. 따라서 중첩 된 promise.all에서는 인덱스를 기반으로 JSON 배열 요소에 할당 할 수 없습니다. 그럼에도 불구하고 내포 루틴을 해결하기 전에 모든 속성 할당이 이루어 졌는지 확인하기 위해 중첩 된 forEach에서 promise.all과 같은 것을 사용해야합니다.
  4. bluebird promise lib를 사용하고 있지만 필수 사항은 아닙니다.

다음은 일부 코드입니다. 

var jsonItems = [];

items.forEach(function(item){

  var jsonItem = {};
  jsonItem.name = item.name;
  item.getThings().then(function(things){
  // or Promise.all(allItemGetThingCalls, function(things){

    things.forEach(function(thing, index){

      jsonItems[index].thingName = thing.name;
      if(thing.type === 'file'){

        thing.getFile().then(function(file){ //or promise.all?

          jsonItems[index].filesize = file.getSize();

답변

몇 가지 간단한 규칙으로 매우 간단합니다.

  • 약속을 만들 때마다 then 반환하십시오. 반환 하지 않은 약속은 외부에서 기다리지 않습니다.
  • 여러 약속을 만들 때마다 .all 그 – 그 모든 약속을 기다리는 방법 및 그 중에서 어떤 오류가 침묵하고 있습니다.
  • thens 를 중첩 할 때마다 일반적으로 중간에 반환 할 수 있습니다. – then체인은 일반적으로 대부분의 1 수준의 깊이에있다.
  • IO를 수행 할 때마다 약속이 있어야합니다. 약속에 있어야합니다. 약속에 있어야하거나 완료를 알리기 위해 약속을 사용해야합니다.

그리고 몇 가지 팁 :

  • 매핑은 잘 이루어집니다 .map보다for/push . 함수를 map사용 하여 값을 매핑하는 경우 작업을 하나씩 적용하고 결과를 집계하는 개념을 간결하게 표현할 수 있습니다.
  • 동시성은 무료 인 경우 순차 실행보다 낫습니다. 동시에 실행하고 기다리는 것이 좋습니다.Promise.all 보다 .

자, 시작하겠습니다.

var items = [1, 2, 3, 4, 5];
var fn = function asyncMultiplyBy2(v){ // sample async action
    return new Promise(resolve => setTimeout(() => resolve(v * 2), 100));
};
// map over forEach since it returns

var actions = items.map(fn); // run the function over all items

// we now have a promises array and we want to wait for it

var results = Promise.all(actions); // pass array of promises

results.then(data => // or just .then(console.log)
    console.log(data) // [2, 4, 6, 8, 10]
);

// we can nest this of course, as I said, `then` chains:

var res2 = Promise.all([1, 2, 3, 4, 5].map(fn)).then(
    data => Promise.all(data.map(fn))
).then(function(data){
    // the next `then` is executed after the promise has returned from the previous
    // `then` fulfilled, in this case it's an aggregate promise because of 
    // the `.all` 
    return Promise.all(data.map(fn));
}).then(function(data){
    // just for good measure
    return Promise.all(data.map(fn));
});

// now to get the results:

res2.then(function(data){
    console.log(data); // [16, 32, 48, 64, 80]
});

답변

다음은 reduce를 사용하는 간단한 예입니다. 순차적으로 실행되고 삽입 순서를 유지하며 Bluebird가 필요하지 않습니다.

/**
 *
 * @param items An array of items.
 * @param fn A function that accepts an item from the array and returns a promise.
 * @returns {Promise}
 */
function forEachPromise(items, fn) {
    return items.reduce(function (promise, item) {
        return promise.then(function () {
            return fn(item);
        });
    }, Promise.resolve());
}

다음과 같이 사용하십시오.

var items = ['a', 'b', 'c'];

function logItem(item) {
    return new Promise((resolve, reject) => {
        process.nextTick(() => {
            console.log(item);
            resolve();
        })
    });
}

forEachPromise(items, logItem).then(() => {
    console.log('done');
});

선택적 컨텍스트를 루프로 보내는 것이 유용하다는 것을 알았습니다. 컨텍스트는 선택 사항이며 모든 반복에서 공유됩니다.

function forEachPromise(items, fn, context) {
    return items.reduce(function (promise, item) {
        return promise.then(function () {
            return fn(item, context);
        });
    }, Promise.resolve());
}

약속 기능은 다음과 같습니다.

function logItem(item, context) {
    return new Promise((resolve, reject) => {
        process.nextTick(() => {
            console.log(item);
            context.itemCount++;
            resolve();
        })
    });
}

답변

나는 같은 상황을 겪었다. 두 개의 Promise.All ()을 사용하여 해결했습니다.

정말 좋은 해결책이라고 생각해서 npm에 게시했습니다 : https://www.npmjs.com/package/promise-foreach

나는 당신의 코드가 다음과 같을 것이라고 생각합니다.

var promiseForeach = require('promise-foreach')
var jsonItems = [];
promiseForeach.each(jsonItems,
    [function (jsonItems){
        return new Promise(function(resolve, reject){
            if(jsonItems.type === 'file'){
                jsonItems.getFile().then(function(file){ //or promise.all?
                    resolve(file.getSize())
                })
            }
        })
    }],
    function (result, current) {
        return {
            type: current.type,
            size: jsonItems.result[0]
        }
    },
    function (err, newList) {
        if (err) {
            console.error(err)
            return;
        }
        console.log('new jsonItems : ', newList)
    })

답변

제시된 솔루션에 추가하기 위해 제 경우에는 제품 목록을 위해 Firebase에서 여러 데이터를 가져오고 싶었습니다. 내가 한 방법은 다음과 같습니다.

useEffect(() => {
  const fn = p => firebase.firestore().doc(`products/${p.id}`).get();
  const actions = data.occasion.products.map(fn);
  const results = Promise.all(actions);
  results.then(data => {
    const newProducts = [];
    data.forEach(p => {
      newProducts.push({ id: p.id, ...p.data() });
    });
    setProducts(newProducts);
  });
}, [data]);

답변