控制請求併發數量:p-limit 源碼解讀

来源:https://www.cnblogs.com/zsxblog/p/18426066
-Advertisement-
Play Games

p-limit 是一個控制請求併發數量的庫,他的整體代碼不多,思路挺好的,很有學習價值; 舉例 當我們同時發起多個請求時,一般是這樣做的 Promise.all([ requestFn1, requestFn2, requestFn3 ]).then(res =>{}) 或者 requestFn1( ...


p-limit 是一個控制請求併發數量的庫,他的整體代碼不多,思路挺好的,很有學習價值;

舉例

當我們同時發起多個請求時,一般是這樣做的

Promise.all([
    requestFn1,
    requestFn2,
    requestFn3
]).then(res =>{})

或者

requestFn1()
requestFn2()
requestFn3()

而使用 p-limit 限制併發請求數量是這樣做的:

var limit = pLimit(8); // 設置最大併發數量為 8

var input = [ // Limit函數包裝各個請求
    limit(() => fetchSomething('1')),
    limit(() => fetchSomething('2')),
    limit(() => fetchSomething('3')),
    limit(() => fetchSomething('4')),
    limit(() => fetchSomething('5')),
    limit(() => fetchSomething('6')),
    limit(() => fetchSomething('7')),
    limit(() => fetchSomething('8')),
];

// 執行請求
Promise.all(input).then(res =>{
    console.log(res)
})

上面 input 數組包含了 8limit 函數,每個 limit 函數包含了要發起的請求

當設置最大併發數量為 8 時,上面 8 個請求會同時執行

來看下效果,假設每個請求執行時間為1s

var fetchSomething = (str) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(str)
            resolve(str)
        }, 1000)
    })
}

當設置併發請求數量為 2

image

當設置併發請求數量為 3

image

p-limit 限制併發請求數量本質上是,在內部維護了一個請求隊列;

當請求發起時,先將請求推入隊列,判斷當前執行的請求數量是否小於配置的請求併發數量,如果是則執行當前請求,否則等待正在發起的請求中誰請求完了,再從隊列首部取出一個執行;

源碼(v2.3.0)

pLimit 源碼如下(這個源碼是 v2.3.0 版本的,因為項目中引入的版本比較早。後面會分析從 2.3.0 到最新版本的源碼,看看增加或者改進了什麼):

'use strict';
const pTry = require('p-try');

const pLimit = concurrency => {
    // 限製為正整數
    if (!((Number.isInteger(concurrency) || concurrency === Infinity) && concurrency > 0)) {
        return Promise.reject(new TypeError('Expected `concurrency` to be a number from 1 and up'));
    }

    const queue = []; // 請求隊列
    let activeCount = 0; // 當前併發的數量

    const next = () => { // 一個請求完成時執行的回調
        activeCount--;

        if (queue.length > 0) {
            queue.shift()();
        }
    };

    const run = (fn, resolve, ...args) => { // 請求開始執行
        activeCount++;

        const result = pTry(fn, ...args);

        resolve(result); // 將結果傳遞給 generator

        result.then(next, next); // 請求執行完調用回調
    };

    // 將請求加入隊列
    const enqueue = (fn, resolve, ...args) => {
        if (activeCount < concurrency) {
            run(fn, resolve, ...args);
        } else {
            queue.push(run.bind(null, fn, resolve, ...args));
        }
    };

    const generator = (fn, ...args) => new Promise(resolve => enqueue(fn, resolve, ...args));
    
    // 暴露內部屬性給外界
    Object.defineProperties(generator, {
        activeCount: {
            get: () => activeCount
        },
        pendingCount: {
            get: () => queue.length
        },
        clearQueue: {
            value: () => {
                queue.length = 0;
            }
        }
    });

    return generator;
};

module.exports = pLimit;
module.exports.default = pLimit;

下麵一一剖析下

1、pLimit 函數整體是一個閉包函數,返回了一個名叫 generator 的函數,由 generator 處理併發邏輯,
generator 返回值必須是 promise,這樣才能被 Promise.all 捕獲到

const generator = (fn,...args) => new Promise((resolve,reject)=7enqueue(fn,resolve,...args))

2、在 enqueue 函數裡面

// 將請求加入隊列
const enqueue = (fn, resolve, ...args) => {
    if (activeCount < concurrency) {
        run(fn, resolve, ...args);
    } else {
        queue.push(run.bind(null, fn, resolve, ...args));
    }
};

activeCount 表示正在執行的請求數量,當 activeCount 小於配置的併發數量(concurrency)時,則可以執行當前的 fn(執行 run 函數),否則推入請求隊列等待。

3、run 函數接收了三個形參

const run = (fn, resolve, ...args) => { // 請求開始執行
    activeCount++;
    const result = pTry(fn, ...args);
    resolve(result);
    result.then(next, next);
};
  • fn 表示執行的請求,

  • resolvegenerator 定義並往下傳,一直跟蹤到請求執行完畢後,調用 resolve(result); 代表 generator 函數 fulfilled

  • ···args 表示其餘的參數,最終會作為 fn 的參數。

4、執行 run 函數時

const run = (fn, resolve, ...args) => { // 請求開始執行
    activeCount++; // 請求開始執行,當前請求數量 +1

    const result = pTry(fn, ...args);

    resolve(result);

    result.then(next, next);
};

這裡執行 fn 使用的是 const result = pTry(fn,...args)pTry 的作用就是創建一個 promise 包裹的結果,不論 fn 是同步函數還是非同步函數

// pTry 源碼
const pTry = (fn,...args) => new Promise((resolve,reject) => resolve(fn(...args)));

現在 fn 執行(fn(...args))完畢並兌現(resolve(fn(...args)))之後,result 就會兌現。

result 兌現後,generatorpromise 也就兌現了( resolve(result) ),那麼當前請求 fn 的流程就執行完了。

5、當前請求執行完後,對應的當前正在請求的數量也要減一,activeCount--

const next = () => { // 一個請求完成時執行的回調
    activeCount--;

    if (queue.length > 0) {
        queue.shift()();
    }
};

然後繼續從隊列頭部取出請求來執行

6、最後暴露內部屬性給外界

Object.defineProperties(generator, {
    activeCount: { // 當前正在請求的數量
        get: () => activeCount
    },
    pendingCount: { // 等待執行的數量
        get: () => queue.length
    },
    clearQueue: {
        value: () => {
            queue.length = 0;
        }
    }
});

源碼(v2.3.0)=> 源碼(v6.1.0)

v2.3.0 到最新的 v6.1.0 版本中間加了一些改進

1、v3.0.0:始終非同步執行傳進 limit 的函數

image

3.0.0 中,作者將請求入隊放在前面,將 if 判斷語句和請求執行置於微任務中運行;正如源碼註釋中解釋的:因為當 run 函數執行時,activeCount 是非同步更新的,那麼這裡的 if 判斷語句也應該非同步執行才能實時獲取到 activeCount 的值。

這樣一開始批量執行 limit(fn) 時,將會先把這些請求全部放入隊列中,然後再根據條件判斷是否執行請求;

2、v3.0.2:修複傳入的無效併發數引起的錯誤;

image

return Promise.reject 改為了直接 throw 一個錯誤

3、v3.1.0:移除 pTry 的依賴;改善性能;

image

移除了 pTry 依賴,改為了 async 包裹,上面有提到,pTry 是一個 promise 包裝函數,返回結果是一個 promise;兩者本質都是一樣;

增加了 yocto-queue 依賴,yocto-queue是一個隊列數據結構,用隊列代替數組,性能更好;隊列的入隊和出隊操作時間複雜度是 O(1),而數組的 shift()O(n);

4、v5.0.0:修複上下文傳播問題

image

引入了 AsyncResource

export const AsyncResource = {
    bind(fn, _type, thisArg) {
        return fn.bind(thisArg);
    }
}

這裡用 AsyncResource.bind() 包裹 run.bind(undefined, fn, resolve, args) ,其實不是太明白為啥加這一層。。。這裡用的到三個參數(fn,resolve,args)都是通過函數傳參過來的,和 this 沒關係吧,各位知道的可以告知下麽。

相關 issue這裡

5、6.0.0:性能優化,主要優化的地方在下麵

image

移除了 AsyncResource.bind(),改為使用一個立即執行的 promise,並將 promiseresolve 方法插入隊列,一旦 resolve 完成兌現,調用相應請求;相關 issue這裡

6、v6.1.0:允許實時修改併發限制數

image

改變併發數後立馬再檢測是否可以執行請求;


最後

在上面第4點的,第5點中的優化沒太看明白,因為執行請求用的到三個參數(fn,resolve,args)都是通過函數傳參過來的,看起來 this 沒關係,為啥要進行多層 bind 綁定呢?各位知道的可以不吝賜教下麽。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 雲上分散式SQL Server,你值得擁有 介紹Microsoft SQL Azure 是微軟的雲關係型資料庫,後端存儲又稱為雲 SQL Server(Cloud SQL Server)。它構建在 SQL Server 之上,通過分散式技術提升傳統關係型資料庫的可擴展性和容錯能力。 數據模型 (1) ...
  • 大家好,我是 Java陳序員。 今天,給大家介紹一款高顏值的基於 Flutter 開發的 Linux 伺服器工具箱。 關註微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典電腦電子書籍等。 項目介紹 flutter_server_box —— 一款使用 Flutter ...
  • ​之前的文章《利用RTMP協議構建電腦與手機的直播Demo》介紹瞭如何使用RTMP Streamer實現完整的RTMP直播流程,另一篇文章《利用SRT協議構建手機APP的直播Demo》介紹瞭如何使用SRT Streamer實現完整的SRT直播流程,接下來介紹如何使用EasyPusher-Androi ...
  • ​EasyPusher是一款國產的RTSP直播錄製推流客戶端工具,它支持Windows、Linux、Android、iOS等操作系統。EasyPusher採用RTSP推流協議,其中安卓版EasyPusher的Github托管地址為https://github.com/EasyDarwin/EasyP ...
  • Android平臺從上到下,無需ROOT/解鎖/刷機,應用級攔截框架的最後一環 —— SVC系統調用攔截。 ☞ Github ☜ 由於我們虛擬化產品的需求,需要支持在普通的Android手機運行。我們需要搭建覆蓋應用從上到下各層的應用級攔截框架,而Abyss作為系統SVC指令的調用攔截,是我們最底層 ...
  • 基礎階段 主要內容: 掌握 JavaScript 的基本語法,如變數、數據類型(字元串、數字、布爾、對象、數組等)、運算符等。 理解程式的控制流,包括條件語句(如 if-else)、迴圈語句(如 for、while)。 學會使用函數來封裝代碼,理解函數的參數、返回值以及作用域等概念。 學習網站: W ...
  • title: Nuxt Kit 使用日誌記錄工具 date: 2024/9/23 updated: 2024/9/23 author: cmdragon excerpt: 摘要:本文介紹在Nuxt 3框架的Nuxt Kit中使用日誌記錄工具的方法,重點講解useLogger函數的應用,通過創建示例項 ...
  • html HTML(超文本標記語言,HyperText Markup Language)是構建網頁的基礎語言。它使用標簽(Tags)和屬性(Attributes)來定義網頁的結構和內容顯示。下麵將從HTML的結構、標簽、屬性等方面進行詳細講解。 一、HTML的基本結構 一個標準的HTML文檔有明確的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...