js实现一个节流

low sapkj

于 2022-12-17 18:48:34 发布

阅读量291

点赞数

文章标签： javascript 开发语言 ecmascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_35749786/article/details/129525210

版权

JavaScript 节流函数性能优化滚动事件函数限制

关键词由CSDN通过智能技术生成

节流函数通常用于限制函数在指定时间内只能调用一次，以节省资源。例如，在页面的滚动事件中，您可能希望仅在用户停止滚动一段时间后才执行函数，而不是每次滚动时都执行函数。

下面是使用 JavaScript 实现节流函数的示例代码：

function throttle(fn, delay) {
  let lastCall = 0;
  return function(...args) {
    const now = Date.now();
    if (now - lastCall < delay) {
      return;
    }
    lastCall = now;
    fn(...args);
  }
}