1.前言 在一次面试中被问到：“谈一谈js中函数的防抖和节流。”，当时菜鸡如我的内心： 只能弱弱的说一句没怎么了解过。后来找到工作后就将这件事抛在脑后，也没在深究。 就在前几天维护公司内部代码的时候，发现这样一个场景：当用户在创建东西时，会把用户输入的名字发往服务端校验是否重名，而当时 ...

函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。 防抖使用场景： 表单输入框校验 提交按钮避免重复提交 节流使用场景： scroll,mousemove,resize等 函数防抖（debounce） 表单输入框校验 ...

1、通过理解函数防抖与函数节流的概念后，使用闭包实现函数防抖和节流，没有考虑到对于节流，如果用户在下一次请求之 ...

函数防抖（debounce），在连续的操作中，无论进行了多长时间，只有某一次的操作后在指定的时间内没有再操作，这一次才被判定有效（类似电脑10分钟后休眠）。如模糊搜索，输入框内容一直变化，会导致一直发送请求。防抖即输入内容完成后，一定时间(比如500ms)没有再输入内容，这时再触发请求 ...

防抖 Debounce 函数防抖就是，延迟一段时间再执行函数，如果这段时间内又触发了该函数，则延迟重新计算； 节流 throttle 节流：函数间隔一段时间后才能再触发，避免某些函数触发频率过高，比如滚动条滚动事件触发的函数。 ...

原生JavaScript实现函数的防抖和节流 参考：https://www.jianshu.com/p/c8b86b09daf0 想详细了解的直接戳上面链接了，讲得非常清楚。下面只给代码和我自己写的注释，帮助理解背后实现的逻辑。 防抖（Debounce） 所谓防抖，就是指触发事件后 ...

一、防抖函数 1.1 概念： 　　触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 1.2 使用场景： 　　就像是我的搜索栏功能，是在里面内容变化后就实时触发搜索事件，但是有时候我们输 　　的内容很长，在没有输完的时候就触发了事件，这样对性能来说是不好 ...

参考连接：https://www.cnblogs.com/zhuanzhuanfe/p/10633019.html https://blog.csdn.net/Beijiyang999/articl ...