首页 前端知识 使用TS 编写throttle节流函数

使用TS 编写throttle节流函数

2024-05-14 23:05:15 前端知识 前端哥 440 44 我要收藏

使用定时器和闭包原理实现简单的节流函数

参数fn参数为需要进行节流的函数,参数timer为定义的节流时间

// 回调函数的类型
type ReFn = (...args:any) => void
// 节流函数的类型
type ThFn = (fn: ReFn, timer: number) => ReFn
const throttle: ThFn = (fn, timer) => {
    let time: any = null
    const _throttle = (...args:any) => {
        if (time) clearTimeout(time)
      time = setTimeout(() => {
            fn.apply(this,args)
        }, timer);
    }
    return _throttle
}
export default throttle
以下为调用代码
const handler =  throttle((a,b) => { console.log(a,b) }, 500)
const getLog = () => {
   handler('参数1','参数2')
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8678.html
标签
评论
发布的文章

video 自定义视频播放控件

2024-05-26 01:05:25

HTML5 画布绘制海报

2024-05-26 01:05:13

HTML5学习(三)

2024-05-26 01:05:43

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!