web前端：函数防抖
宣传部部长
2024-04-23 23:33
一个较大的程序一般应分为若干个程序块，每一个模块用来实现一个特定的功能。所有的高级语言中都有子程序这个概念，用子程序实现模块的功能。在C语言中，子程序的作用是由一个主函数和若干个函数构成。由主函数调用其他函数，其他函数也可以互相调用。同一个函数可以被一个或多个函数调用任意多次。
在程序设计中，常将一些常用的功能模块编写成函数，放在函数库中供公共选用。要善于利用函数，以减少重复编写程序段的工作量。
概述："一个处理函数会在延迟n秒后触发，如果在n秒内再次触发那么回重新计时；
<script>
varthrottle=function(func,delay){
//存储定时器id;
vartimer=null
returnfunction(){
//判断定时器是否在执行中；
if(timer){
//在每次开始之前清除以前的定时器；
clearTimeout(timer)
}
timer=setTimeout(function(){
func()
},delay)
}
}
//要进行处理的函数；
functionhandle(){
console.log(Math.random())
}
window.addEventListener('mousemove',throttle(handle,1000))
</script>
优点：防止用户由于过快的操作而发起的无用的请求；
使用场景：
1、淘宝的导航列表;
2、搜索框搜索输入。只需用户最后一次输入完成，在发送请求；
3、浏览器的窗口大小改变后，只需窗口调整完成后，在执行resize里面是代码，防止重新渲染；
函数分为全局函数、全局静态函数;在类中还可以定义构造函数、析构函数、拷贝构造函数、成员函数、友元函数、运算符重载函数、内联函数等。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
