debounce:防抖\消抖函数简单实现

/* 函数消抖函数 /
function debounce(fn, gap) {
let timer = null;//倒计时器存放
gap = gap || 1000;//多长时间后再不触发,执行目标函数
/
返回新函数 */
return function () {
let self = this;//this备份
let parameter = arguments;//参数备份
clearTimeout(timer);//设表先关,防止定时器重复累计
timer = setTimeout(function () {
fn.apply(self, parameter);//执行目标函数,并将所传参数返回
}, gap)
}
}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,407评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,568评论 1 10
  • 函数节流场景 例如:实现一个原生的拖拽功能(如果不用H5 Drag和Drop API),我们就需要一路监听mous...
    凡凡的小web阅读 4,200评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,202评论 0 2
  • 图:小洁英雄 文:小洁英雄 前言 2018年的12月27日,易轻减脂营推出了消息,终于要开营了,说实在的,等了...
    小洁英雄阅读 3,043评论 4 0

友情链接更多精彩内容