微客导航 » 文章资讯 » JavaScript函数节流的两种写法

JavaScript函数节流的两种写法

2024-02-26 03:18:03 252

最近看了函数节流的相关内容，具体什么是节流我不讨论了，网上很多，这里总结下两个方法，我只认可其中一个。另一个貌似也能达到节流的效果但是感觉不是很正规。

方法一：





函数节流



0

我比较认可这个方法，另外这是简洁版，还有一种可以是这样子的

functionthrottle(fun,delay,time){
vartimeout,
startTime=newDate();
returnfunction(){
varcontext=this,
args=arguments,
curTime=newDate();
clearTimeout(timeout);
//如果达到了规定的触发时间间隔，触发handler
if(curTime-startTime>=time){
fun.apply(context,args);
startTime=curTime;
//没达到触发间隔，重新设定定时器
}else{
timeout=setTimeout(function(){
fun.apply(context,args);
},delay);
}
};
};

就是在判断完时间间隔后再加个计时器来延迟，这个我觉得加不加都行，加了也没错跟时间判断互补，不加也能实现节流的效果。

第二类写法：





函数节流



0

这种写法通过判断是否存在正在进行的计时器来决定是否执行函数，存在就结束运行函数，但是那个计时器仍在队列里进行实践一到还会执行，通过运行也能达到节流，也就是间隔固定的时间触发函数，但是我就是不太喜欢这种写法。可能是这种方法没第一种直接吧。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！

返回顶部
3162201930
czq8825@qq.com

JavaScript函数节流的两种写法

热门推荐

随机推荐