本文介绍了防抖和节流的概念及应用。节流控制高频事件的执行频率，确保在固定时间内只执行一次；防抖则在事件停止后延迟执行函数。根据不同场景选择使用，能优化性能和用户体验。

在JavaScript和React中，防抖是一种优化技术，用于在指定时间后执行函数，避免频繁调用。通过计时器延迟函数执行，只执行最后一次调用，常用于搜索框输入，减少服务器负载。在React中，通常结合useEffect使用，确保用户停止输入后才更新状态，减少不必要的API请求。

在React的useEffect中使用lodash的防抖debounce时，需将debounce函数定义在useEffect内部，并将依赖项设置为mc，以确保防抖和数据同步问题得到解决。

今天在react useEffect()中有一个function需要防抖，于是乎就install了lodash库，但是直接在useEffect()中使用却没有效果，经过一番查找，最终解决了这个问题。

文章讨论了在使用Lodash库时遇到的错误：调用_.debounce时出现“_.debounce is not a function”的问题。经过分析，发现是因为引用了lodash.core.min.js这个精简版本，缺少部分功能。解决方法是改用完整版本lodash.min.js，包含所有函数和功能模块。

今天有一段代码需要用到JavaScript的防抖功能，忽的想起lodash中有这个功能函数，由于代码比较简单，只需直接引用CDN即可，便在网上搜了CDN直接引入，但是在使用_.debounce方法的时候却报错`_.debounce is not a function`!真是奇了个怪了！

壹 ❀ 引 防抖在前端开发中算一个基础但很实用的开发技巧，在对于一些高频操作例如监听输入框值变化触发更新之类，会有奇效。除了实际开发，在面试中我们也可能偶遇手写防抖节流的问题，鉴于不同公司考核要求不一，对于实现深度也会不同。本文主要围绕防抖从基础概念到手写实现展开，从基础版逐渐演变为一个相对强大的版