javascript函数节流是什么

说明

1、让连续执行的函数，变为固定时间段间断地执行。在一段频繁操作中，可以触发多次，但是触发的频率由自己指定。

2、应用场景有DOM元素的拖拽功能实现、计算鼠标移动的距离等。

还有Canvas 模拟画板功能、搜索联想。

实例

/*
@params:
func[function]:最后要触发执行的函数
wait[number]:触发的频率
@return
可以被调用执行的函数
*/
functionthrottle(func,wait=300){
lettimer=null,
previous=0;//记录上一次操作时间
returnfunctionanonymouse(...params){
letnow=newDate(),//记录当前时间
remaining=wait-(now-previous);//记录还差多久达到我们一次触发的频率
if(remaining<=0){
//两次操作的间隔时间已经超过wait了
window.clearInterval(timer);
timer=null;
previous=now;
func.call(this,...params);
}elseif(!timer){
//两次操作的间隔时间还不符合触发的频率
timer=setTimeout(()=>{
timer=null;
previous=newDate();
func.call(this,...params);
},remaining);
}
}
}

以上就是javascript函数节流的介绍，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

课程教程：javascript函数节流是什么

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。