幾百個數據，Promise.all 沒做控制并發？那你心可真大啊！
作者：林三心不學挖掘機
隨后大佬們提出解決方案：控制并發，大佬們是真的強，感覺這種東西已經是大佬們的常規操作了。
需求
我最近在做一個需求：批量去往數據庫里存儲一些東西，數量可能一次性達到幾百個，也就意味著我需要一次性往數據庫里存儲幾百次，我是這么做的：
const save = (data) => {
// 數據庫操作(Promise)
return insert(data)
}
const datas = [幾百個數據]
// 進行存儲
Promise.all(datas.map(save))
被呵斥
正當我覺得這個需求很輕松的時候。。在 Code Review 上，我被團隊的大佬們給呵斥了一頓，理由是：存儲的操作發生在服務器，服務器是很脆弱的，你一次性存儲幾百個，服務器崩了怎么辦？
隨后大佬們提出解決方案：控制并發，大佬們是真的強，感覺這種東西已經是大佬們的常規操作了。。
控制Promise.all并發
意思就是，比如我有幾百個存儲操作，我不能一次性去全部執行，而是要控制一次性只能執行10個操作，10個中有一個執行完了，就拿還沒執行的操作補上去，就這樣一直到這幾百個操作全部執行完為止。。
其實很簡單，可以直接用庫，比如async-pool、es6-promise-pool、p-limit，只要是能用庫的，我建議不要自己去寫，因為不定因素很多，你自己寫的肯定沒有庫寫的好，你說呢~
簡單實現
看到一位兄弟實現的挺不錯的，鏈接：https://segmentfault.com/a/1190000016389127
這是async-pool這個庫的核心源碼：
function asyncPool(poolLimit, array, iteratorFn) {
let i = 0;
const ret = [];
const executing = [];
const enqueue = function () {
// 邊界處理，array為空數組
if (i === array.length) {
return Promise.resolve();
}
// 每調一次enqueue，初始化一個promise
const item = array[i++];
const p = Promise.resolve().then(() => iteratorFn(item, array));
// 放入promises數組
ret.push(p);
// promise執行完畢，從executing數組中刪除
const e = p.then(() => executing.splice(executing.indexOf(e), 1));
// 插入executing數字，表示正在執行的promise
executing.push(e);
// 使用Promise.rece，每當executing數組中promise數量低于poolLimit，就實例化新的promise并執行
let r = Promise.resolve();
if (executing.length >= poolLimit) {
r = Promise.race(executing);
}
// 遞歸，直到遍歷完array
return r.then(() => enqueue());
};
return enqueue().then(() => Promise.all(ret));
}
大概的邏輯可以總結為：
- 從array第1個元素開始，初始化promise對象，同時用一個executing數組保存正在執行的promise
- 不斷初始化promise，直到達到poolLimt
- 使用Promise.race，獲得executing中promise的執行情況，當有一個promise執行完畢，繼續初始化promise并放入executing中
- 所有promise都執行完了，調用Promise.all返回
使用方式：
const timeout = i => new Promise(resolve => setTimeout(() => resolve(i), i));
return asyncPool(2, [1000, 5000, 3000, 2000], timeout).then(results => {
});
責任編輯：龐桂玉
來源：
前端大全
