事件的节流和防抖

事件的节流和防抖

下面我会介绍一下这俩个事件的区别：

用途:都是用来阻止时间重复点击，造成请求不断的出发

函数防抖

定义 ：防抖的定义，在一段时间内执行的某一个函数，如果这个事件没有结束，那就从新定时去执行这个事件，总而言之就是执行这个事件的最后一次的触发操作
列子：

var timer;
function  action(){
if(timer){
	clearTimeout(timer)
}
	timer=setTimeout(()=>{
		alert("要执行的事件")
	},500)
}

函数节流

定义:在某一个时间段内只会执行一次这个函数，这个事件如果在时间段内再次被调用则不会再次执行：
例子：

var timer ;
function action(){
if(timer){
	return 
}
timer=setTimeout(()=>{
clearTimeout(timer)
alert("要执行的事件")
},500)
}