debounce throttle

最新推荐文章于 2025-08-22 23:47:35 发布

weixin_33907511

最新推荐文章于 2025-08-22 23:47:35 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/3101047/blog/1563981

本文介绍了JavaScript中函数节流的两种实现方法：debounce()和throttle()。debounce()确保函数执行间隔不会过于频繁，而throttle()则限制了函数在特定时间内的执行次数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

原文地址

资料

debounce()和throttle()两个方法非常相似（包括调用方式和返回值），作用却又有不同。

它们都是用于函数节流，控制函数不被频繁地调用，节省客户端及服务器资源。

debounce()方法关注函数执行的间隔，即函数两次的调用时间不能小于指定时间。 throttle()方法更关注函数的执行频率，即在指定频率内函数只会被调用一次。

 <script type="text/javascript">  
var query = _(function() {  
    // 在这里进行查询操作  
}).throttle(500);  

$(window).bind('scroll', query);  
</script>


<input type="text" id="search" name="search" />  
<script type="text/javascript">  
var query = _(function() {  
    // 在这里进行查询操作  
}).debounce(200);  

$('#search').bind('keypress', query);  
</script>

转载于:https://my.oschina.net/u/3101047/blog/1563981