笔记-函数防抖

最新推荐文章于 2025-08-04 20:59:31 发布

好长同学

最新推荐文章于 2025-08-04 20:59:31 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

分类专栏：前端笔记文章标签： javascript

本文链接：https://blog.youkuaiyun.com/phc814862399/article/details/120786433

前端笔记专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript中防抖(debounce)函数的实现，用于优化输入框等场景的性能，避免频繁触发导致的性能问题。核心思路是当事件在规定时间内再次触发时，会取消上一次的延迟执行，重新开始计时。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

某事件在规定时间后才能进行，如果在这段时间内再次触发，则重新开始计时。

简易版：

			/**
			 * 输入框防抖
			 * @param {Object} fn 运行的函数
			 * @param {Object} wait 等待时间
			 */
			debounce(fn, wait) {
				if (this.setTimeoutItem !== null) {
					clearTimeout(this.setTimeoutItem);
				}
				this.setTimeoutItem = setTimeout(fn, wait);
			},