js 防抖与节流（setTimeout的应用）

1.防抖（debounce）
     防抖的作用是：当用户多次触发回调函数时，只触发最后一次操作的，其余的全部忽略掉；

     在第一次触发事件时，不立即执行函数，而是给出一个期限值比如200ms 

• 如果在200ms内没有再次触发滚动事件，那么就执行函数
• 如果在200ms内再次触发滚动事件，那么当前的计时取消，重新开始计时

 效果：如果短时间内大量触发同一事件，只会执行一次函数。
  

function debounce(fn,delay){
    let timer = null //借助闭包
    return function() {
        if(timer){
           clearTimeout(timer) 
        }
        timer = setTimeOut(fn,delay) 
    }
}

function showTop  () {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
　　console.log('滚动条位置：' + scrollTop);
}
window.onscroll = debounce(showTop,1000)

上述代码，在页面一直滚动时，不会打印出位置，只有停止滚动后1s，才会出现log里的内容。

如果在限定时间段内，不断触发滚动事件（比如某个用户闲着无聊，按住滚动不