美文网首页
防抖节流

防抖节流

作者: 织雪纱奈 | 来源:发表于2019-04-18 10:51 被阅读0次

    function throFun(){
        console.log(this)
        console.log('执行真正的函数')
    }

    var thro = debounce (throFun,1000);

    box.addEventListener('click' , function(){
        thro();
    })

    function debounce (method,time){
        let timer = null
        return function(){
            console.log('被触发')
            clearTimeout(timer)
            timer = setTimeout(()=>{
                method.apply(this,arguments)
            },time)
        }
    }


  function throttle (method,delay,immediate = true){
        let  prev = Date.now();
        let flag = true

        return function(){
            if(immediate && flag){
                method.apply(this,arguments)
                flag = false
                prev = Date.now();
            }
            console.log('被触发')
            let now = Date.now();
            if(now - prev >= delay){
                method.apply(this,arguments)
                prev = Date.now();
            }

        }
  }

相关文章

网友评论

      本文标题:防抖节流

      本文链接:https://www.haomeiwen.com/subject/yndzwqtx.html