节流函数--2021前端面试知识点整理6

节流函数

• 当持续触发事件的时候 保证一段时间内 值调用一次事件处理函数

<button id="button">点击</button>
<script>
function thro(func, wait) {
        //会执行你点击了多少次 就会执行多少次
        // 这不是我们想要的 我们想要 假如在一秒内点100次，最后也只执行一次
        let timerOut
        // 相当于在办理业务
        return function () {
            if(!timerOut){
                // set 不执行 如果timerOut有值的话就不执行
                timerOut = setTimeout(function () {
                    func()
                    //到这 银行工作人员办理完之后 后面不办理了
                    timerOut = null
                }, wait)
            }
        }
    }
    function handle(){
        console.log(Math.random())
    }
    document.getElementById('button').onclick = thro(handle, 2000)
</script>