js中函数节流与函数防抖

函数节流：

概念：设置一个特定时间，让函数在特定的事件内只执行一次。

实现原理：setTimeout()，控制状态的锁

实例：

       需求：用户点击按钮打印“你好！我是知秋y”，并且在点击按钮后3秒后才能再打印，期间用户点击打印不会执行打印“你好！我是知秋y”

 

实现：

        

 

 

函数防抖：

概念：触发要延迟执行的动作时，如果再延迟的时间内再触发了次动作，则取消上一次的延迟操作，重新对延迟的时间进行计时

例子：电脑在无操作的2分钟后将进入休眠状态，如果用户在40秒的时候又进行了鼠标操作，那么电脑进入休眠的时间又重新记为两分钟

实现原理：setTimeout()与clearTimeout()

实例：在搜索时，在接受用户输入内容的300毫秒后，执行请求函数；