函数防抖和函数节流

参考链接：https://juejin.im/post/5a35ed25f265da431d3cc1b1
我的理解：
函数防抖相当于一堆请求事件中调用最后的。当事件一直触发时候，不发送请求，直到比如过了300ms之后，再次发送请求。相当于一堆请求事件中，调用最后面的。使用setTimeout（绑定的函数，300）onclick = debounce(fn)
debounce (fn){
setTimeout(fn,300);
}
函数节流相当于，当一个事件被触发之后，设置一个标志位，在比如300ms没到来之前，任何的再次触发都会被返回。用setTimeout，延时多久。或者说等到回调函数返回之后，标志位才可以改，才接受发送下一次的请求。相当于一堆请求事件中，调用最开始的。
onclick=throttle()
throtle(){
let flag = false;
if(!flag){
flag = true;
setTImeout(fn,300);
}
}

原文链接：https://blog.csdn.net/orchid_djl/article/details/79924898
网上博客。写的挺好。
js实现之--防抖节流【理解+代码】
在前端开发中，有一部分用户行为会频繁的触发事件，而对于DOM操作，资源加载等耗费性能的处理，很可能会导致卡顿，甚至浏览器的崩溃。防抖和节流就是为了解决这一类的问题。

防抖：

理解：在车站上车，人员上满了车才发走重点是人员上满触发一次。

场景：实时搜索，拖拽。

实现：

    //每一次都要清空定时器，重新设置上计时器值，使得计时器每一次都重新开始，直到最后满足条件并且等待delay时间后，才开始执行handler函数。

function debunce（handler，delay）{
//handler是要传入的进行防抖的函数，delay是等待时间。
var timer = null;
return function（）{
var _self = this，args = arguments;
clearTimeout（timer）; //每次都要清除这个定时器
timer = setTimeout（function（）{ //重新开启定时器
handler.apply（_self，args）;
}，delay）;
}
}
节流：

理解：大于等于10分钟发一次车，重点是一定间隔时间就会触发一次。

        （即预定一个函数只有在大于等于执行周期时才会执行，周期内不执行）。

场景：窗口调整（调整大小），页面滚动（滚动），抢购时疯狂点击（鼠标按下）

实现：

    //处理程序是要传入的进行节流的函数，wait是上述的间隔时间。

    //使用时间戳进行时间的计算。

    function throttle（handler，wait）{  //handler是要进行节流的函数，wait是等待时间
        var lastTime = 0;
        return function（）{
            var nowTime = new Date（).getTime（）;    //获取当前时间
            if（nowTime - lastTime> wait）{
                handler.apply（this，arguments）;
                lastTime = nowTime;      //更新最后时间
            }
        }
    }