节流和防抖 实现和应用

节流

一段时间内只触发一次函数

懒加载图片，监听浏览器滚动条的位置，到了指定位置在加载图片

function jl(f,t){
        let n=false
        return function(...args){
            if(n){
                return
            }else{
                n=true
                n=setTimeout(function(){
                    f(...args)
                    n=false
                },t)
            }
            
        }
    }

防抖

一段时间内连续连续触发函数，只执行最后一次

搜索输入框实时在输入文字发送请求时，在不输入文字1s后在发送请求，减少请求次数

登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖

function fd(f,t){
        let n=null
        return function(...args){
            clearTimeout(n)
            n=setTimeout(function(){
                f(...args)
            },t)
        }
    }