函数节流的写法

紫微前端

已于 2022-02-08 15:59:56 修改

阅读量413

点赞数 1

分类专栏：前端知识加深文章标签： javascript

于 2021-10-12 17:37:32 首次发布

本文链接：https://blog.csdn.net/liuhao9999/article/details/120728399

版权

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文深入探讨了JavaScript中的函数节流技术，通过实例解析其工作原理和常见实现方式，帮助开发者优化性能，避免因频繁调用导致的问题。

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

/**
 * @desc 函数节流
 * @param func 函数
 * @param wait 延迟执行毫秒数
 * @param type 1 表时间戳版，2 表定时器版
 */
function throttle(func, wait, type){
  if (type === 1) {
    var previous = 0;
  } else if (type === 2) {
    var timeout;
  }
  return function() {
    var context = this;
    var args = arguments;
    if (type === 1) {
      var now = Date.now();

      if (now - previous > wait) {
        func.apply(context, args);
        previous = now;
      }
    } else if (type === 2) {
      if (!timeout) {
        timeout = setTimeout(() => {
          timeout = null;
          func.apply(context, args);
        }, wait);
      }
    }
  };
};