评论

小程序使用防抖函数的简单方法

查阅了大量小程序防抖函数以及前端防抖函数写法,个人总结了较为简单的使用方法,小白一个,欢迎大家批评指点!

废话不多说,上代码:

Page构造器内部使用,不需要使用外部模块。

onLoad: function (options) {
	console.log(options);
	this.debounce = this.debounce();// 防抖函数,在此处初始化
    // 若不初始化,函数主体不执行
}

// debounce函数,就是事件触发的函数,名字可以随意取名
debounce : function () {
	var timeOut = null;
        return () => {
            clearTimeout(timeOut);
            timeOut = setTimeout(() => {
            
                // 事件函数中要执行的代码块
                // 改写原函数异常方便、简洁
                
            }, 300);
        }
}

如果这个有问题,欢迎指点。

最后一次编辑于  11-12  
点赞 3
收藏
评论

1 个评论

  • 染柒
    染柒
    11-14

    11-14
    赞同 1
    回复 1
    • ZainIoT
      ZainIoT
      11-14
      谢谢!🤞
      11-14
      回复