JS中实现函数在指定时间内单次执行

公众号：程序员波波

在项目开发过程中遇到过这样一个情景需求：某一个函数延迟t时间执行，但是在短时间内多次触发延时执行的时候，只会执行最后一次的延时执行。

比如：

我在某个k时刻，希望函数A在t时刻后执行。

然后在k+t1(t1<t)时刻又希望函数A在t时刻后执行。

那么函数A最终仅会在k+t1+t时刻的时候执行一次。

类似于函数A的延时操作可以被重置的效果。

实现方法有很多种，我采用了在调用第二次延时操作的时候，取消第一次的延时。

class Tools {
    static exeOnceAtTime(func, during_time) {
        let lastFlag = {
            last_timer: null,
            need_exe: true,
        }
        let exeFunc = (...arg)=>{
            clearTimeout(lastFlag.last_timer)
            lastFlag.need_exe = false

            let flag = {
                need_exe: true,
                last_timer: setTimeout(()=>{
                    if (flag.need_exe == true) {
                        func(...arg)
                    }
                }, during_time)
            }
            lastFlag = flag
        }
        return exeFunc
    }
}

这样在使用的时候只需要 funcA = Tools.exeOnceAtTime(funcA, 1000)这样，就保证了funcA函数在调用的时候，会延时1秒执行，而且反复调用funcA只会在最后一次调用的时刻开始计算，一秒以后执行。

这段代码利用了setTimeout函数以及JS的闭包特性。