【进阶篇】js的防抖节流函数

防抖和节流函数

阅读目录

• 一 .防抖函数
• 二 .节流函数
• 三 .个人理解两者的区别

一、防抖函数

1.1 概念：

　　触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。

1.2 使用场景：

　　就像是我的搜索栏功能，是在里面内容变化后就实时触发搜索事件，但是有时候我们输
　　的内容很长，在没有输完的时候就触发了事件，这样对性能来说是不好的，造成了很多
　　无用的请求，这时候就需要用到防抖函数，来让其在搜索内容变化后的200毫秒内如果
　　没有再更改才发起请求。

1.3 实现防抖函数的思路：

　　在高频触发事件的时候，取消原来的延时事件。

1.4 具体实现：

function debounce( fn ){ // 传一个回调函数
    let Mytime = null ;
    return function( ){