如何将JS中的防抖和节流实例解析改写为一个长尾关键词？

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

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

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

函数防抖

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