防抖（debounce）和节流（throttle）函数之节流函数

 上篇博客写到，防抖函数是在规定的一段事件内，只执行一次函数，那要是用户一直拖着鼠标滚来滚去，理论上来说就一直不会输出距离顶部的距离，那么要是产品提个需求，就算用户不断的拖着滚动条，也能每过一段事件就输出一次距离顶部的距离呢？
 这个就是就要用到我们的节流函数了

function top() {
     let top = document.documentElement.scrollTop
     console.log(`滚动条的位置:${top}`)
 };

 function throttle(fn, wait) {
     var lastTime = null
     return function() {
         var nowTime = new Date().getTime()
         if (nowTime - lastTime > wait) {
             fn()
             lastTime = nowTime
         }
     }
 }
 window.onscroll = throttle(top, 1000)

实现节流的方法不止时间戳一么一种，还可以借助计时器的状态和判断计时器的返回值来实现，原理其实都差不多