防抖(debounce)与节流(throttle) 2.0

export const debounce = (fn, delay = 1000) => {
	let timer = null;
	return function () {
		if (timer) {
			clearTimeout(timer);
			timer = null
		}
		timer = setTimeout(() => {
			fn.apply(this, arguments);
			timer = null;
		}, delay)
	}
}

export const throttle = (fn, delay = 1000) => {
	let _arguments = arguments
	let canRun = true
	return function () {
		if (!canRun) return
		canRun = false
		setTimeout(() => {
			fn.call(this, _arguments)
			canRun = true
		}, delay);
	}
}

用法

fun:throttle(function(){	
	...
},5000),
//如果带参数的话
fun:throttle(function(e){	
	console.log(e)
},5000),

ps:在编辑器中fun的颜色可能会跟其他的方法名不一样,但是是可以用的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值