java接口防抖_怎么写一个通用的节流和防抖函数

前言

最近在家里上班有点闲，就刷了些前端面试题，研究一下函数节流和函数防抖。这东西在项目中也常用，但一直是直接从网上copy代码，没深究过，最近就仔细看了下，还是有点收获的，前端面试的时候，常会被问道闭包的知识，节流与防抖就是一个很经典的闭包的应用。

场景

节流的常见场景

在日常开发中，我们可能会遇见这么一种场景，一个元素的宽高需要跟随窗口的变化来变化；例如：当我们使用 element-UI 的表格组件时，表格的数据是不确定的，但我们需要固定表头，当内容过多时可以对内容进行滚动，这时我们就需要给组件提供一个具体的高度，但是浏览器的窗口宽高是会变化的(人为的去缩放浏览器)，这就要求我们去监听窗口的变化，当窗口宽高变化的时候，执行一个函数，重新计算浏览器宽高，让表格的高度发生变化

防抖的常见场景

日常开发过程中，我们可能会遇到实时搜索的场景；例如：用户在搜索框输入了内容，我们要根据内容实时的给用户推荐相关的搜索语，让用户选择。

问题

在上述两个场景中，有一个共同点就是函数被高频的调用，无论是实时窗口变化还是输入框的实时变化，都会超高频的触发 resize 和 input 事件，但不同的是，在节流的场景中，我们更希望的是在一定的时间段，计算窗口宽高的函数只被执行一次；在防抖的场景中，我们更希望用户输入结束后，再根据输入内容，给用户推荐搜索语。

解决方法

节流的代码解决

对于