js 工具函数 防抖

本文主要是介绍js 工具函数 防抖，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

防抖

debounce(f, ms) 装饰器的结果是一个包装器，该包装器将暂停对 f 的调用，直到经过 ms 毫秒的非活动状态（没有函数调用，“冷却期”），然后使用最新的参数调用 f 一次，
常用input输入或是滚动条滚动等方面

function debounce(handle, time) {
        let timeout = null;
        return function (e) {
          //清除上一次setTimeout
          if (timeout) {
            clearTimeout(timeout);
          }
          timeout = setTimeout(function () {
            handle.apply(this, arguments);
          }, time);
        };
      }

效果如下

这篇关于js 工具函数 防抖的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！