Node JS Promise.all và forEach

Tôi có một cấu trúc giống như mảng hiển thị các phương thức không đồng bộ. Phương thức không đồng bộ gọi trả về các cấu trúc mảng mà lần lượt hiển thị nhiều phương thức không đồng bộ hơn. Tôi đang tạo một đối tượng JSON khác để lưu trữ các giá trị thu được từ cấu trúc này và vì vậy tôi cần phải cẩn thận về việc theo dõi các tham chiếu trong các lệnh gọi lại.

Tôi đã viết mã một giải pháp bạo lực, nhưng tôi muốn tìm hiểu một giải pháp thành ngữ hoặc rõ ràng hơn.

1. Mẫu phải được lặp lại cho n cấp độ lồng nhau.
2. Tôi cần sử dụng hứa hẹn.all hoặc một số kỹ thuật tương tự để xác định thời điểm giải quyết quy trình bao vây.
3. Không phải mọi phần tử đều nhất thiết phải thực hiện một cuộc gọi không đồng bộ. Vì vậy, trong một promise.all lồng nhau, tôi không thể chỉ định các phần tử mảng JSON của mình dựa trên chỉ mục. Tuy nhiên, tôi cần phải sử dụng một cái gì đó như promise.all trong forEach lồng nhau để đảm bảo rằng tất cả các phép gán thuộc tính đã được thực hiện trước khi giải quyết quy trình bao vây.
4. Tôi đang sử dụng bluebird Prom lib nhưng đây không phải là yêu cầu

Đây là một số mã một phần -

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();

Nó khá đơn giản với một số quy tắc đơn giản:

• Bất cứ khi nào bạn tạo ra một lời hứa trong a then, hãy trả lại nó - bất kỳ lời hứa nào bạn không trả lại sẽ không được chờ đợi ở bên ngoài.
• Bất cứ khi nào bạn tạo nhiều lời hứa, .allchúng - theo cách đó nó sẽ đợi tất cả các lời hứa và không có lỗi nào từ bất kỳ lời hứa nào trong số chúng sẽ bị tắt tiếng.
• Bất cứ khi nào bạn tổ thens, bạn thường có thể trở lại ở giữa - thenchuỗi thường nhiều nhất là 1 độ sâu.
• Bất cứ khi nào bạn thực hiện IO, nó phải là một lời hứa - hoặc nó phải ở trong một lời hứa hoặc nó nên sử dụng một lời hứa để báo hiệu sự hoàn thành của nó.

Và một số mẹo:

• Ánh xạ được thực hiện tốt .maphơn vớifor/push - nếu bạn đang ánh xạ các giá trị với một hàm, mapcho phép bạn diễn đạt chính xác khái niệm về việc áp dụng từng hành động một và tổng hợp kết quả.
• Đồng thời tốt hơn so với thực thi tuần tự nếu nó miễn phí - tốt hơn là thực hiện mọi thứ đồng thời và chờ chúng Promise.allhơn là thực hiện từng thứ một - mỗi thứ chờ trước cái tiếp theo.

Được rồi, hãy bắt đầu:

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]
});

Đây là một ví dụ đơn giản sử dụng giảm. Nó chạy tuần tự, duy trì thứ tự chèn và không yêu cầu 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());
}

Và sử dụng nó như thế này:

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');
});

Chúng tôi thấy hữu ích khi gửi một ngữ cảnh tùy chọn vào vòng lặp. Bối cảnh là tùy chọn và được chia sẻ bởi tất cả các lần lặp lại.

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

Hàm hứa của bạn sẽ giống như sau:

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

Tôi đã trải qua tình huống tương tự. Tôi đã giải quyết bằng cách sử dụng hai Promise.All ().

Tôi nghĩ đó là giải pháp thực sự tốt, vì vậy tôi đã xuất bản nó trên npm: https://www.npmjs.com/package/promise-foreach

Tôi nghĩ mã của bạn sẽ như thế này

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)
    })

Chỉ để thêm vào giải pháp được trình bày, trong trường hợp của tôi, tôi muốn tìm nạp nhiều dữ liệu từ Firebase cho danh sách sản phẩm. Đây là cách tôi đã làm điều đó:

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]);