函数节流（throttle）与函数防抖（debounce）

最新推荐文章于 2024-08-21 15:43:48 发布

月迷津渡丶

最新推荐文章于 2024-08-21 15:43:48 发布

阅读量107

点赞数

文章标签： JavaScript 防抖节流性能优化函数封装

本文链接：https://blog.csdn.net/oYueMiJinDu/article/details/123196192

版权

debounce:调用需要等待nms，如期间再次调用则重新计时，之后执行
throttle:调用后nms无法再次调用

`debounce`

var debounce = function(fun,time){
    var last;
    const ctx = this;
    const args = arguments;
    return (function(){
        clearTimeout(last)
        last=setTimeout(()=>{
            fun.call(ctx,args)
        },time)
    })()
}

`throttle`

var throttle = function(fun,delay){
    let now = 0;
    const ctx = this;
    const args = arguments;
    if(Date.now()-now>delay){
        now = Date.now()
        fun.apply(ctx,args)
    }
}