防抖封装-简易操作版

ces_test

已于 2023-06-20 16:48:12 修改

阅读量66

点赞数 1

文章标签： javascript 开发语言 ecmascript

于 2023-02-15 14:59:17 首次发布

本文链接：https://blog.csdn.net/qq_45610622/article/details/129043621

版权

            // 防抖
			debounce(fn, wait) {
				let timeOut = null
				return function() {
					let th = this;
					let args = arguments;
					if(timeOut) clearTimeout(timeOut)
					timeOut = setTimeout(()=>{
						fn.apply(th, args)
					},wait)
				}
			},

注意，此防抖函数返回的是一个函数，

在data中定义一个函数 debounceInput : () => {}

使用：this.debounceInput = this.debounce(需要防抖的方法名, 1000)

例如 this.debounceInput = this.debounce(this.openPayType, 500)