防抖以及节流

最新推荐文章于 2024-09-12 14:28:05 发布

xie_ss

最新推荐文章于 2024-09-12 14:28:05 发布

阅读量106

点赞数 3

文章标签： javascript

本文链接：https://blog.csdn.net/xie_ss/article/details/138133642

版权

本文介绍了JavaScript中的防抖和节流技术，它们分别在特定时间内限制函数执行次数，防抖在多次触发时只执行最后一次，而节流则确保只在一定时间间隔后执行一次。作者给出了防抖和节流的代码实现示例。

摘要由CSDN通过智能技术生成

防抖

是在特定时间内，多次触发事件/函数时，只执行最后一次，并且重新计时。

代码实现

function debounce(fn, time) {
	let timer = null;
	return function(args) {
		clearTimeout(timer);
		timer = setTimeout(function() {
			fn(args);
		}, time)
	}
}

节流

是特定时间内，多次触发事件，只生效一次。

function throttle(fn, time) {
let preTime = 0;
	return function (...args) {
		let nowTime = Date.now();
		if (nowTime - nowTime >= time) {
			preTime = nowTime;
			fn(...args);
		}
	}
}