页面优化之防抖

最新推荐文章于 2025-09-12 11:38:57 发布

原创最新推荐文章于 2025-09-12 11:38:57 发布 · 855 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 同时被 2 个专栏收录

19 篇文章

订阅专栏

前端性能优化

2 篇文章

订阅专栏

本文介绍了JavaScript中的防抖(debounce)技术，它用于优化事件处理，特别是在频繁触发的场景下，如滚动事件。防抖函数确保在设定的时间间隔内只执行一次，以最后一次操作为准，有效减少了不必要的计算和请求。示例代码展示了如何实现一个简单的防抖函数。

防抖就是在事件触发的时候，并没有马上急着去做处理，而是在等待一定时间之后再去执行，也就是说在该时间范围内只发起一次请求，以最后一次为准。就比如浏览器的滚动事件

function debounce(fn,waitTime){
	let timer = 0;   //定义一个定时器id,方便每次执行都保证能够将之前的定时器销毁
	return (...args)=>{
		if(timer) clearTimeout(timer);
		timer = setTimeout(()=>{
			fn.apply(this, args)
		},waitTime)
	}
}