推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lisisi

怎样限制一个 javascript 函数的被调用频率?

  •  
  •   lisisi · May 5, 2020 · 4534 views
    This topic created in 2223 days ago, the information mentioned may be changed or developed.

    有一个函数 send_log() 负责向后端发送前端日志,由于这个 send_log() 会被其他不同的函数调用,这个调用行为又想限制在一定的频率范围之内(避免频繁请求后端服务器,造成无谓的压力)。

    有什么方式,可以限制这个 send_log() 被调用的频率吗(比如每分钟最多 1 次这样)。

    function send_log() {
        // send data to server
    }
    
    17 replies    2020-05-09 18:08:41 +08:00
    murmur
        1
    murmur  
       May 5, 2020
    搜索 throttle
    murmur
        2
    murmur  
       May 5, 2020
    其实这个最好是建议 debounce,把日志收起来,日志可以考虑编个码 gz 一下啥的,随便扔日志是个好做法么,或者给日志分 debug info error 这样的级别
    lithbitren
        3
    lithbitren  
       May 5, 2020
    初始一个 bool 变量为 true,只有变量为 true 才能调用目标函数,每次调用完函数后,bool 变量变成 false,执行 settimeout 让其变成 true 。
    Orenoid
        4
    Orenoid  
       May 5, 2020
    装饰器+闭包应该就能实现吧
    xg4
        5
    xg4  
       May 5, 2020   ❤️ 2
    throttle 或者 debounce 会丢失一部分日志
    可以先把日志放在本地,每分钟发送一次数据,发送成功之后清空数据
    shakaraka
        6
    shakaraka  
    PRO
       May 5, 2020
    @xg4 #5 正解
    hanxiaomeng
        7
    hanxiaomeng  
       May 5, 2020
    sleep(60)
    JackWolf001
        8
    JackWolf001  
       May 5, 2020
    节流吧
    foam
        9
    foam  
       May 5, 2020 via Android
    业务层区分日志重要程度,不希望丢的实时发,可以丢的累积发。
    zhennann
        10
    zhennann  
       May 5, 2020
    如果是考虑分布式,可用 bottleneck
    cst4you
        11
    cst4you  
       May 5, 2020
    log 可以先存起来, 然后到了次数一次发送
    christin
        12
    christin  
       May 6, 2020 via iPhone
    if ( flag>n) break;
    flag++
    tairan2006
        13
    tairan2006  
       May 6, 2020 via Android
    5 楼正解…或者别限制了,后端塞 kafka 里
    windychen0
        14
    windychen0  
       May 6, 2020   ❤️ 1
    let flag = true;
    function send_log() {
    if(flag ){
    flag = false;
    // send data to server
    // function callback(){setTimeout(()=>{flag = true},1000 * 60)}
    }else{
    return false
    }
    }
    zjm947373
        15
    zjm947373  
       May 6, 2020
    rxjs 欢迎你
    theohateonion
        16
    theohateonion  
       May 6, 2020
    function send_log() {

    return throttle(old_send_log, 6000)

    }

    不考虑丢 log 的话就这样就行了
    libook
        17
    libook  
       May 9, 2020
    函数不直接发送数据,而是把数据存入本地的队列,另一个 setInterval 每隔一段时间把队列里的数据发到服务器,同时清空队列。

    其实我觉得后端直接塞消息队列里是可靠性更好的方式。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2824 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 84ms · UTC 04:31 · PVG 12:31 · LAX 21:31 · JFK 00:31
    ♥ Do have faith in what you're doing.