一，节流：在指定时间内的多次请求，只执行一次，比如滚轮事件，需要节流限制避免出发大量数据

function jythrottle(fn, interval) {let timeout;return function(){const context=this;const args = arguments;clearTimeOut(timeout);timeout=setTimeout(()+>{func.apply(context,args )})}}
//由于返回的是一个函数，所以需要给存储到变量中，方便调用，可以存储到vue/angular的this中方便。
this.throttle = this.jythrottle(()=>{
//你需要执行的函数
},100)
然后在你需要触发的地方调用this.throttle（）就可以。

二，按钮多次点击只执行最后一次。

/*
* fn [function] 需要防抖的函数
* delay [number] 毫秒，防抖期限值
*/
function debounce(fn,delay){let timer = null return function() {if(timer){clearTimeout(timer) //进入该分支语句，说明当前正在一个计时过程中，并且又触发了相同事件。所以要取消当前的计时，重新开始计时timer = setTimeout(fn,delay) }else{timer = setTimeout(fn,delay) // 进入该分支说明当前并没有在计时，那么就开始一个计时}}
}

/*
* fn [function] 需要防抖的函数
* delay [number] 毫秒，防抖期限值
*/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) // 为了方便观察效果我们取个大点的间断值，实际使用根据需要来配置