js 防抖节流

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 防抖节流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1062字，纯文字阅读大概需要2分钟。

内容图文

 1 // 防抖
 2 function debounce(func,delay){
 3     let timer = null
 4     return function(){
 5         let context = this
 6         let args = arguments
 7         if(timer) clearTimeout(timer)
 8         timer = setTimeout(()=>{
 9             func.apply(context,args)
10         },delay)
11     }
12 }
13 // 通过setTimeout实现 节流
14 function throttle(func,delay){
15     let timer = null
16     return function(){
17         if(!timer){
18             let context = this
19             let args = arguments
20             timer = setTimeout(()=>{
21                 timer = null
22                 func.apply(context,args)
23             },delay||1500)
24         }
25     }
26 }
27 // 通过时间比较实现 节流
28 function throttle(func,gapTime){
29     if(gapTime == null || gapTime == undefined){
30         gapTime = 1500
31     }
32     let _lastTime = null
33     return function(){
34         let _nowTime = + new Date()
35         if(_nowTime - _lastTime > gapTime || !_lastTime){
36             func()
37             _lastTime = _nowTime
38         }
39     }
40 }

内容总结

以上是互联网集市为您收集整理的js 防抖节流全部内容，希望文章能够帮你解决js 防抖节流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端