美文网首页
javascript debounce&throttle

javascript debounce&throttle

作者: 橙小光 | 来源:发表于2019-06-06 17:32 被阅读0次

    防抖和节流的作用都是防止函数多次调用。区别在于,假设一个用户一直触发这个函数,且每次触发函数的间隔小于wait,防抖的情况下只会调用一次,而节流的 情况会每隔一定时间(参数wait)调用函数。

    1.防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间

    2.节流 高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率

    每次触发事件时都判断当前是否有等待执行的延时函数

    防抖动和节流本质是不一样的。防抖动是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。

    相关文章

      网友评论

          本文标题:javascript debounce&throttle

          本文链接:https://www.haomeiwen.com/subject/avyuxctx.html