从javascript应用的角度来说这叫函数防抖，其实从广义的角度来说这属于软件防抖。防抖操作其实是基于业务操作来设计的，其实是一个很简单的东西，却很实用是真的。
防抖的业务场景是什么？
用户短时间内多次提交表单的操作
网络原因，重复按提交按钮
判断scroll是否滑到底部等
为什么要防抖？
就是防止用户短时间内做一些重复无效的操作，从而造成性能上不必要的负担
我们来看业务场景，现在有一个提交按钮，提交表单就将信息发送给服务器
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" onclick="fuck()" >这是一个按钮</button>
<script>
function send(){
console.log('I have a message to server')
}
function fuck(){
send()
}
</script>
</body>
</html>
现在我们点击一个按钮就有一个‘I have a message to server’，如果此时用户网络不好没有及时跳转页面，就会重复提交多次一样的信息，这是重复而多余的信息。
现在我们可以这样设置：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" onclick="fuck()" >这是一个按钮</button>
<script>
let handler = {
time:null,
send:function(){
console.log('I have a message to server')
},
do:function(){
//清除处理好的time,阻止之前的调用被执行
clearTimeout(this.time)
let self = this
this.time = setTimeout(function(){
self.send()
},3000)
}
}
function fuck(){
handler.do()
}
</script>
</body>
</html>
为了效果明显我延迟了三秒，就是你在三秒内如何多次提交表单其实只会提交一次
这就是函数防抖的业务场景的应用了。其实不管我们这么设计函数，我们的目的是用户短时间内做一些重复无效的操作，从而造成性能上不必要的负担。掌握这一点如何设计函数随意发挥了
衍生到广义的软件防抖：
本人是做嵌入式出身的，其实在嵌入式领域也有防抖一说，这些是业务上的一些操作都是通用的。
切换到嵌入式开发的环境：
现在是一个电路板子，需要控制一个灯的亮灭。 其实就是把一个电平拉高拉低的操作。通常情况下我们是这样做的：
void debounce(int btn){
if(btn == 0)
{
sleep(100)
if(btn == 0)
{
PIN_9 = 0
}
}
}
这是一个伪代码，大致的意思是，当检测到btn输入信号为拉低电平时，第一次确实btn是否为0，确定后在延迟100毫秒，是为了防抖（是否为误操作，或者按开关），然后才使管脚9拉低置0（此时可能是亮灯或者灭灯，要看看是否有反向输出的操作）
其实不管是JS WEB上的防抖，还是嵌入式C语言上做的防抖，都属于软件防抖，硬件上也有防抖的操作，用了几个电容做了逻辑电路(如果没记错的话)
从硬件到软件上的来看，说明防抖操作是一脉相承的，很多的业务上也会做。虽然简单，但是设计思想是一脉相承的