节流函数--节流模式

最新推荐文章于 2024-07-25 17:14:51 发布

「已注销」

最新推荐文章于 2024-07-25 17:14:51 发布

阅读量544

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/wulishelley/article/details/54412795

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

function extend（obj1，obj2）{

for（var item in obj2）{

obj1【item】 = obj2【item】

}

return obj1；

}

//节流器
var throttle = function(){
    //获取第一个参数
    var isClear = arguments[0],fn;
    //如果第一个参数是boolean类型，那么第一个参数则表示是否清楚计时器
    if(typeof isClear === 'boolean'){
        //第二个参数则为函数
        fn = arguments[1];
        //函数计时器句柄存在，则清楚函数计时器
        fn._throttleID && clearTimeout(fn._throttleID);
    //通过计时器延迟函数的执行
    }else{
        //第一个参数为函数
        fn = isClear;
        //第二个参数为函数执行时的参数
        param = arguments[1];
        //对执行时的参数适配默认值，这里我们用到以前学过的extend方法
        var p = extend({
            context:null,
            args:[],
            time:300
        },param);
        //清楚函数执行计时器句柄，
        arguments.callee(true,fn);
        //作为函数绑定延迟计时器句柄，延迟执行函数
        fn._throttleID = setTimeout(function(){
            //执行函数
            fn.apply(p.context,p.args);
        },p.time);
    }
}