21_防抖与节流三之节流（主要讲的是节流）

<script>
    //防抖：用户触发事件过于频繁，只要最后一次
    //节流：控制执行的次数
    //节流的作用：控制高频事件执行的次数
    window.onscroll = throttle(function (){
        console.log('hello world')
    },500)

    //节流的封装函数，也是使用闭包函数
    function throttle(fn,delay){
        let flag = true;
        return function (){
            if (flag){
                setTimeout(()=>{
                    fn.call(this)
                    flag = true
                },delay)
            }
            flag = false
        }
    }
</script>