lodash中debounce防抖实现和延时器防抖实现

最新推荐文章于 2024-12-05 15:39:46 发布

原创最新推荐文章于 2024-12-05 15:39:46 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了两种实现防抖技术的方法：一种使用lodash库的防抖功能，另一种通过设置延时器来实现。这两种方法都能有效减少短时间内多次触发事件导致的资源浪费。

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

（1）lodash防抖实现

  handleChange (property, value) {
      this.debounce(property, value)
    },
    debounce: _.debounce(function (property, value) {
      window.GDEGRAPHIC.setProperty(property, value)
    }, 1000),

（2）延时器防抖实现

      if (this.thottleTimer) {
        clearTimeout(this.thottleTimer)
        this.thottleTimer = null
      }
      this.thottleTimer = setTimeout(async () => {
        this.getSyncTables()
      }, 500)