首页 / JAVASCRIPT / 学习笔记 -- js节流函数

学习笔记 -- js节流函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习笔记 -- js节流函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1435字，纯文字阅读大概需要3分钟。

内容图文

            /*
            
 * 频率控制 返回函数连续调用时，fn 执行频率限定为每多少时间执行一次
 * @param fn {function}  需要调用的函数
 * @param delay  {number}    延迟时间，单位毫秒
 * @param immediate  {bool} 给 immediate参数传递false 绑定的函数先执行，而不是delay后后执行。
 * @return {function}实际调用函数
 
            */
            
commFun.throttle = function (fn,delay, immediate, debounce) {
    var curr = +new Date(),//当前时间
        last_call = 0,
        last_exec = 0,
        timer = null,
        diff, //时间差
        context,//上下文        args,
        exec = function () {
            last_exec = curr;
            fn.apply(context, args);
        };
    returnfunction () {
        curr= +new Date();
        context = this,
            args = arguments,
            diff = curr - (debounce ? last_call : last_exec) - delay;
        clearTimeout(timer);
        if (debounce) {
            if (immediate) {
                timer = setTimeout(exec, delay);
            } elseif (diff >= 0) {
                exec();
            }
        } else {
            if (diff >= 0) {
                exec();
            } elseif (immediate) {
                timer = setTimeout(exec, -diff);
            }
        }
        last_call = curr;
    }
};

/*
 * 空闲控制 返回函数连续调用时，空闲时间必须大于或等于 delay，fn 才会执行
 * @param fn {function}  要调用的函数
 * @param delay   {number}    空闲时间
 * @param immediate  {bool} 给 immediate参数传递false 绑定的函数先执行，而不是delay后后执行。
 * @return {function}实际调用函数
 */

commFun.debounce = function (fn, delay, immediate) {
    return commFun.throttle(fn, delay, immediate, true);
};

 简易版：

            /*
            js节流函数
            */
            
commFun.throttle = function (fn, delay) {
    var timer = null;
    returnfunction () {
        var context = this, args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
            fn.apply(context, args);
        }, delay ? delay : 200);
    };
};

 

原文：http://www.cnblogs.com/mrxia/p/4554950.html

内容总结

以上是互联网集市为您收集整理的学习笔记 -- js节流函数全部内容，希望文章能够帮你解决学习笔记 -- js节流函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1274547.html

来源：【匿名】