防抖函数,节流函数

防抖函数的作用是在短时间内频繁触发的事件只执行一次,节流函数的作用是在连续触发的事件中间隔一段时间执行一次。

以下是防抖函数和节流函数的示例代码:

防抖函数:

import time

def debounce(func, wait):
    timer = None
    
    def wrapper(*args, **kwargs):
        nonlocal timer
        
        if timer:
            clearTimeout(timer)
        
        timer = setTimeout(func, wait, *args, **kwargs)
    
    return wrapper

节流函数:

import time

def throttle(func, wait):
    last_executed_time = 0
    
    def wrapper(*args, **kwargs):
        nonlocal last_executed_time
        
        current_time = time.time()
        
        if current_time - last_executed_time > wait:
            func(*args, **kwargs)
            last_executed_time = current_time
    
    return wrapper

注意,以上代码是用Python语言来实现的,并参考了JavaScript中的setTimeout和clearTimeout函数的概念。在实际使用中,需要根据具体的编程环境来调整代码。

  • 11
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
函数节流函数都是用来限制函数的执行频率,止短时间内多次触发导致性能问题。 函数(Debounce)的作用是将多次连续触发的函数调用合并为一个函数调用。当事件触发后,设定一个定时器,在指定的时间间隔内如果事件再次触发,则重新计时,直到指定时间间隔内没有事件再次触发,才执行函数。 下面是一个使用函数的例子: ```javascript function debounce(func, delay) { let timer = null; return function(...args) { clearTimeout(timer); timer = setTimeout(() => { func.apply(this, args); }, delay); }; } // 使用函数来限制按钮点击事件的频率 const button = document.querySelector('button'); button.addEventListener('click', debounce(() => { console.log('Button clicked'); }, 2000)); ``` 节流函数(Throttle)的作用是在一定时间间隔内只执行一次函数。当事件触发后,设定一个定时器,在指定的时间间隔内只能执行一次函数。 下面是一个使用节流函数的例子: ```javascript function throttle(func, delay) { let timer = null; let lastTime = 0; return function(...args) { const currentTime = new Date().getTime(); if (currentTime - lastTime > delay) { func.apply(this, args); lastTime = currentTime; } }; } // 使用节流函数来限制滚动事件的触发频率 window.addEventListener('scroll', throttle(() => { console.log('Scrolling'); }, 1000)); ``` 这样,在按钮点击事件或者滚动事件触发时,就可以控制其执行频率,避免频繁触发导致性能问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好先

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值