啥是函数节流和防抖

函数节流和防抖是两个前端开发里很常用的技术，主要是为了控制函数施行的频率。这两个技术能帮我们减少浏览器的负担， 我爱我家。 提高性能。比如在滚动、输入框频繁输入这些操作的时候，用这两个方法可以避免函数施行太频繁，让页面更流畅。

防抖和节流的区别

节流就是限制函数的调用频率， 比如每100毫秒施行一次这样就算你一直滚动页面它也不会一直施行，而是按一定频率来施行。防抖就是你点了好几次按钮， 它只会在你再说说一次操作之后才施行一次比如你点了5次搜索框，它只在你再说说一次输入完之后施行一次函数，这样可以防止频繁请求服务器。

使用场景

换句话说... 防抖适合用在输入框、按钮点击、滚动事件等这些地方。比如你在输入框里打字，它不会每次都触发，而是等你打完字再施行一次。这种场景下用防抖就挺合适的。节流适合用在滚动事件， 比如滚动页面的时候，可以控制它不会一直施行，而是按一定频率施行，比如每100毫秒施行一次。

代码实现

防抖的实现方法：

function debounce {
    let timer = null;
    return function {
        const context = this;
        const args = arguments;
        clearTimeout;
        timer = setTimeout {
            fn.apply;
        }, delay);
    }
}

节流的实现方法

节流的实现方法是设置一个时间间隔，比如每隔100毫秒施行一次函数。如果用户在100毫秒内多次点击， 坦白说... 它只施行一次。这样可以避免用户频繁点击带来的性能问题。

防抖和节退的使用场景不同， 防抖适合在用户输入的时候用，节流适合在用户频繁点击的时候用。 说到底。 所以要根据场景来选择用哪个方法。

防抖和节流都是控制函数施行频率的重要方法。在前端开发中，这两个方法可以有效优化性能，减少资源浪费。