随便写了一个js防抖工具

随便写了一个js防抖工具

工具类SimpleUtils.js

const buf = {}

/**
 *
 * 没事的时候写了一个防抖的小工具,思路蛮简单的其实...当然,我本来是不想用clearTimeout的,不过因时间有限,就没有去想其他思路了...<br/>
 * 还有一个思路是用数组,每次新增的结果都要断言上一个的结果,性质和目前写的差不多,还占内存...
 *
 * ---
 * @param callback 被防抖执行的业务
 * @param id 用于标记...你要防抖的业务...防止...狂乱...
 * @param timeout
 * @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";

// 如果有返回值就用闭包的方式取出来,正常情况直接await掉就好...或者then出来也行
(await debounceUtils(() => {
    // todo something here
}, 'function description(unique require)'))();
posted @   Astroline  阅读(68)  评论(11编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示