前端，JS节流和防抖

前言：在JS的学习过程中我们会接触两个概念，叫节流和防抖，很多新手前端会对这两个词很陌生，因为这两个词很抽象，那么本文将对节流和防抖进行一个总结并使用代码进行实现。

 

目录：

1.什么是节流

2.什么是防抖

 

1.什么是节流

节流其实举个形象生动的的例子就是，闸门，当水放的过多的时候，你需要对他进行节流以控制水流大小，如果水流太大可能会怎么样？会把闸门冲坏或者把大坝冲塌了，同理在编程中，如果你的函数在n秒内被高频触发，那么只执行一次这个函数，会导致一些性能问题甚至是崩溃，所以我们需要用到节流！

而节流就是规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。

​

关闸节流

具体代码实现如下：

 

 

2.什么是防抖

由上面的节流我们可得知，防抖也是为了处理短时间内大量出发某函数而导致的性能问题，防抖就是在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。

具体代码实现如下：