vue中防抖

最新推荐文章于 2025-06-04 14:01:23 发布

原创最新推荐文章于 2025-06-04 14:01:23 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js #javascript

本文介绍了一种在软件开发中常用的性能优化技巧——防抖。通过合理设置定时器，防抖能够有效减少不必要的函数调用，特别是在文本框输入搜索场景中，避免了连续输入时的多次接口请求，节省资源并提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

防抖是我们在开发中很常用优化性能的方式，使用场景文本框输入搜索（避免连续输入时多次去请求接口）

export function antiShake(fn, delay) {
    var delay = delay || 200;
    // 记录上一次触发的定时器
    var timer = null;
    return function () {
        const th = this;
        var args = arguments;
        if (timer) {
        	// 清除上一次延时器
            clearTimeout(timer);
        }
        timer = setTimeout(function () {
            timer = null;
            fn.apply(th, args);
        }, delay);
    };
}