随便写了一个js防抖工具

随便写了一个js防抖工具

工具类SimpleUtils.js

const buf = {}

/**
 *
 * 没事的时候写了一个防抖的小工具,思路蛮简单的其实...当然,我本来是不想用clearTimeout的,不过因时间有限,就没有去想其他思路了...<br/>
 * 还有一个思路是用数组,每次新增的结果都要断言上一个的结果,性质和目前写的差不多,还占内存...
 *
 * ---
 * @param callback 被防抖执行的业务
 * @param id 用于标记...你要防抖的业务...防止...狂乱...
 * @return {Promise<Function>} callback
 */
export const debounceUtils = (callback, id, timeout = 205) => {
    return new Promise(resolve => {
        if (!!buf[id] && buf[id][0]) clearTimeout(buf[id][0])
        buf[id] = [
            setTimeout(() => {
                resolve(buf[id][1]);
            }, timeout)
            , callback
        ];
    })
}

使用方法

import {debounceUtils} from "@/utils/SimpleUtils";

let res = debounceUtils(() => {
    // todo something here
}, 'function description(unique require)');
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值