首页 > 其他分享 >js函数防抖

js函数防抖

时间:2024-04-14 12:11:44浏览次数:27  
标签:function 防抖 const 函数 js timeId duration

function dedounce(fn, duration) {
    let timeId;
    // 此处的this指向windows
    return function () {
        // 此处的this指向调用函数的对象
        const that = this;
        if (timeId) {
            clearTimeout(timeId);
        }
        // 这个地方的函数是事件函数
        const args = Array.prototype.slice.call(arguments, 0);

        timeId = setTimeout(function () {
            fn.apply(that, args)
        }, duration)
    }
}

input.addEventListener('keyup', dedounce(function (e) {
    span.innerHTML = this.value;
}, 1000));

标签:function,防抖,const,函数,js,timeId,duration
From: https://www.cnblogs.com/ccblblog/p/18133960

相关文章

  • js中this指向问题
    this是什么?在不同的场景,this指代的含义不同:在全局代码中使用this,指代全局对象(window)在真实的开发中,很少在全局代码使用this在函数中使用this,它的指向完全取决于函数是如何被调用的调用方式示例函数中的this指向通过new调用newmethod()新对象直接调......
  • IDEA中Maven项目修改JSP后通过配置Tomcat实现立即生效
    参考:IDEA中Facets和Artifacts配置说明idea中artifacts、facets、modulesIntelliJIDEA部署Web项目,终于搞懂了传统SpringMvc项目目录和对应tomcat配置如下:在日常开发过程中,我们修改完java代码后,接着就点击Build编译,然后就可以去验证代码了(前提是On'Update'Action选......
  • JS-事件绑定
    方式一:通过HTML标签中的事件属性进行绑定<inputtype="button"onclick="on()"value="按钮1"><script>functionon(){alert("我被点击了!");}</script>方式二:通过DOM元素......
  • MySQL 函数
    汇总函数rolluprollup是SQL关键字,在MySQL中得用withrollup。它是groupby子句的扩展,用于统计后增加一行汇总数据。举例,现有库存表,我们按仓库名称分组,统计每个仓库的产品总量,最后来一个汇总。mysql>SELECT*FROMinventory;+----+---------------+---------+----------......
  • mathjs 库支持精确的小数计算吗
    是的,Math.js库确实支持精确的小数计算。Math.js是一个开源的JavaScript数学库,专为处理各种数学任务而设计,包括但不限于精确的小数运算。它提供了丰富的数学函数和常数,并且特别关注数值计算的准确性和可靠性,特别是在处理浮点数时。浮点数在JavaScript中通常会导致精度损失问题......
  • 30 天精通 RxJS (17):Observable Operators - switch, mergeAll, concatAll
    今天我们要讲三个operators,这三个operators都是用来处理HigherOrderObservable。所谓的HigherOrderObservable就是指一个Observable送出的元素还是一个Observable,就像是二维数组一样,一个数组中的每个元素都是数组。如果用泛型来表达就像是Observable<Observab......
  • [译] .NET 8 中的硬件内在函数(支持 Wasm 和 AVX-512)
    原文链接:https://devblogs.microsoft.com/dotnet/dotnet-8-hardware-intrinsics/HardwareIntrinsicsin.NET8TannerGooding[MSFT]December11th,2023译文:.NET8中的硬件内在函数坦纳·古丁[MSFT]2023年12月11日.NET在通过JIT编译器本质上理解的API提供对附加硬件功......
  • 某函数传参
    在N-API中直接从一个函数向另一个函数传递参数稍微有点复杂,因为你需要正确地处理napi_value数组和环境(napi_env)。如果你想在一个N-API函数(CallAddFunction)中构造参数并直接调用另一个N-API函数(GetAddCheckArg),并且管理这些参数的传递,你将需要手动构建一个新的na......
  • hive窗口分析函数使用详解系列二之分组排序窗口函数
    1.综述我们讨论面试中各大厂的SQL算法面试题,往往核心考点就在于窗口函数,所以掌握好了窗口函数,面对SQL算法面试往往事半功倍。已更新第一类聚合函数类,点击这里阅读hive窗口函数聚合函数类本节介绍Hive聚合函数中的第二类聚合函数:分组排序窗口函数。这些函数的用法不仅仅适用于......
  • 2024-04-13:用go语言,给定一个整数数组 `nums`, 请编写一个函数,返回一个新的数组 `counts
    2024-04-13:用go语言,给定一个整数数组nums,请编写一个函数,返回一个新的数组counts。满足以下条件:对于每个nums[i],counts[i]表示在nums[i]右侧且比nums[i]小的元素数量。输入:nums=[5,2,6,1]。输出:[2,1,1,0]。答案2024-04-13:来自左程云。灵捷3.5大体过程如下:给定......