如何区分JavaScript中的防抖与节流技术？

本文共计1214个文字，预计阅读时间需要5分钟。

目录

一、函数防抖（debounce）

1.什么是防抖？

2.函数节流

2.1 定时器实现 2.2 时间戳实现 2.3 时间戳+防抖 3. 函数防抖（debounce） 3.1 什么是防抖？ 3.2 函数防抖：在频繁触发某一事件时，延迟执行该事件处理函数

目录

• 一、函数防抖（debounce）
• 1. 什么是防抖？
• 二、函数节流
• 2.1 定时器实现
• 2.2 时间戳实现
• 2.3 时间戳+定时器

一、函数防抖（debounce）

1. 什么是防抖？

函数防抖： 在频繁触发某一个事件时，一段时间内不再触发该事件后才会去调用对应的回调函数，在设定间隔时间内如果下一次事件被触发， 那么就重新开始定时器，直到事件触发结束。