js 防抖节流

最新推荐文章于 2025-06-09 23:11:46 发布

AQMAX

最新推荐文章于 2025-06-09 23:11:46 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_38332693/article/details/120543599

web前端专栏收录该内容

33 篇文章

订阅专栏

本文介绍了JavaScript中实现防抖(debounce)和节流(throttle)的函数，用于优化频繁触发的事件处理，提高性能。示例代码展示了一个debounce函数的实现，并在搜索事件中应用，限制了setData和getsearch方法的频繁执行。

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

防抖节流方法

function debounce(func, wait = 500) {
  let timeout;
  return function(event) {
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      func.call(this, event)
    }, wait)
  }
}

调用

const util = require('../../utils/util.js');


search: util.debounce(function(e){
    this.setData({
      keyWord:e.detail.value,
      pageSize: 10,
      pageIndex: 1,
      productRight: [],
    })
    this.getsearch()
  }),