立即执行函数(immediate)的原理

最新推荐文章于 2022-03-03 17:08:09 发布

weixin_30260399

最新推荐文章于 2022-03-03 17:08:09 发布

阅读量260

点赞数

原文链接：http://www.cnblogs.com/aredleave/p/7573155.html

版权

immediate与debounce相似，immediat连续执行，且间隔不超过500ms，lazyLoad只执行一次，不同于immediate的是现在lazyLoad会先执行，

var safe=true;
function immediate() {
        if (safe) {
 	    lazyLoad();
            	    safe = false;
        }
        clearTimeout(timer);
        timer = setTimeout(function() {
            	    safe = true;
        }, 500);
}

demo-immediate：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="height:2000px">
<script>

    /*immediate与debounce相似， immediat连续执行，且间隔不超过500ms，
     srollFn 只执行一次，不同的是srollFn 会先执行*/



    var num=0;
    function lazyLoad() {
        num++;
        console.log(num);
    }

    var timer = null;
    var safe=true;
    function immediate() {
        if (safe) {
            lazyLoad();
            safe = false;
        }
        clearTimeout(timer);
        timer = setTimeout(function() {
            safe = true;
        }, 1000);
    }
    window.onscroll = immediate;



</script>
</body>
</html>