如何通过实例解析JS中的防抖与节流技术？

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

在开发过程中，滚动事件频繁调用回调函数可能导致页面卡顿。此时，我们更希望将多次计算合并成一次，只操作一个精确点。JavaScript中将这种做法称为debounce（防抖）。

日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle（节流）

函数防抖

当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定时间到来之前，又触发了事件，就重新开始延时。也就是说当一个用户一直触发这个函数，且每次触发函数的间隔小于既定时间，那么防抖的情况下只会执行一次。