JavaScript设计模式(二十八)【节流模式】

忘是亡心i 2021-07-04 13:20 359阅读 0赞

//这个辅助函数 先暂时这样
    function extend() { 
        var i = 1,
            len = arguments.length,
            target = arguments[0],
            j;
        if (i == len) { 
            target = this;
            i--;
        }
        for (; i < len; i++) { 
            for (j in arguments[i]) { 
                target[j] = arguments[i][j];
            }
        }
        return target;
    }
    
    var throttle = function() { 
        //获取第一个参数
        var isClear = arguments[0], fn, params;
        //如果第一个参数是boolean类型那第一个参数则表示是否清除计时器
        if (typeof isClear === 'boolean') { 
            fn = arguments[1];
            //函数的计时器句柄存在则清除
            fn._throttleID && clearTimeout(fn._throttleID);
        } else { 
            debugger;
            //第一个参数为函数
            fn = isClear;
            //第二个参数为执行时的函数
            params = arguments[1];
            var p = extend({ 
                    context: null, //执行函数执行时的作用域
                    args: [], //执行函数执行时的相关参数
                    time: 300 //执行函数延迟执行的时间
                },
                params);
            //清除执行函数计时器句柄
            arguments.callee(true, fn);
            fn._throttleID = setTimeout(function() { 
                    fn.apply(p.context, p.args);
                },
                p.time);
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，359人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript设计模式(二十五)【链模式】

var A = function(selector, context) { return new A.fn.init(selector, contex

亦凉/ 2021年07月05日 01:00/ 0 赞/ 400 阅读

相关 JavaScript设计模式(二十三)【迭代模式】

// 数组迭代 var eachArray = function(arr, fn) { var i = 0, len

超、凢脫俗/ 2021年07月05日 00:27/ 0 赞/ 375 阅读

相关 JavaScript设计模式(二十)【访问者模式】

/ 访问者模式很好的使用了call这个东西访问者模式是表示一个作用于某个对象结构中的各元素的操作。它使可以在不改变各元素的类的前提下定义作用于这些元素的新操作

快来打我*/ 2021年07月04日 23:41/ 0 赞/ 435 阅读

相关 JavaScript设计模式(十八)【职责链模式】

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" c

逃离我推掉我的手/ 2021年07月04日 22:37/ 0 赞/ 405 阅读

相关 JavaScript设计模式(二十四)【解释器模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2021年07月04日 18:07/ 0 赞/ 375 阅读

相关 JavaScript设计模式(十二)【组合模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

妖狐艹你老母/ 2021年07月04日 16:23/ 0 赞/ 381 阅读

相关 JavaScript设计模式(八)【适配器模式】

jquery适配器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

左手的ㄟ右手/ 2021年07月04日 15:33/ 0 赞/ 364 阅读

相关 JavaScript设计模式(二十六)【委托模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

冷不防/ 2021年07月04日 14:33/ 0 赞/ 402 阅读

相关 JavaScript设计模式(二十八)【节流模式】

//这个辅助函数先暂时这样 function extend() { var i = 1, len = argumen

忘是亡心i/ 2021年07月04日 13:20/ 0 赞/ 360 阅读

相关 JavaScript设计模式(二十二)【备忘录模式】

// 备忘录模式在不破坏对象封装的前提下，在对象之外捕获并保存该对象那个内部的状态一遍日后对象使用或者对象那个恢复到以前的某个状态 // Page

不念不忘少年蓝@/ 2021年07月04日 12:20/ 0 赞/ 423 阅读