简单实现防抖和节流

凡韬

已于 2022-06-27 14:58:36 修改

阅读量406

点赞数

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

于 2022-06-27 14:55:11 首次发布

本文链接：https://blog.csdn.net/weixin_55201902/article/details/125483809

版权

在这里插入图片描述

        prevent:null,//防抖
        canUse:true,//节流
        userName:'前',
        add:0

在这里插入图片描述

// 防抖

    fangdou(){
            if(this.prevent){
                //清除痕迹
            clearTimeout(this.prevent)
        }
        
            this.prevent = setTimeout(()=>{
            this.prevent=null
            //3秒后赋值
            this.userName = '触发后'
        },3000)

    },
    //节流
    jieliu(){
        if(this.canUse){
            this.add++
         //触发技能后，关闭开关
            this.canUse = false
         //在3秒后打开开关
            setTimeout(()=>this.canUse = true, 3000)
        }

    }