防抖和节流

防抖和节流

前言

相信不少朋友被“防抖和节流”两个孪生兄弟弄得晕头转向，有时刚辨清这俩兄弟，不一会儿又分不清了。久而久之，就成为了我们的知识盲区、知识禁区了。

防抖

什么是防抖呢？我认为的这样的：就是在规定时间内被多次点击触发，只会执行最后一次的事件。

这就有些像语文试卷中的作文。我们在写作文，一般是要在稿纸上立题、写大概内容，掌握好大概方向，这样才能做到下笔如有神。我们在稿纸上写作文，是触发作文事件，但是我们最终执行性在试卷上写作文这个最后一个操作，前面的虽然有用，但是我们却只要最后一个。

节流

那么，什么又是节流呢？我认为节流是：多次点击同一个事件想要执行其回调，只会执行第一次的点击，剩余的点击通通不执行。

这就像 王者荣耀 中任务英雄的大招。一次只能放一个，且有冷却时间。如果你使用鲁班点击同一个大招，那么他只会执行你最开始点击的那一次，并且执行往后不在执行，更不会留到下次执行，而是直接对后面的大招操作进行禁用。你要是实在想用，只能等冷却时间完成后才能继续放大招。

以上是个人愚见，如果看不懂，或者想深究，请查看下文链接。

7分钟理解JS的节流、防抖及使用场景