函数的节流

头条面试的时候问到这个。

---“知道函数的节流吗”

--“不知道…”

---“那出一道题吧”

--“？？？？？？？？”

背景：比如为页面绑定scroll、resize事件，在一个正常的操作中可能会频繁的出发多次事件绑定程序，而DOM操作很消耗性能，很有可能导致浏览器崩溃

所以函数的节流就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后，经过规定的时间间隔，才能进行下一次调用。

原理：利用定时器setTimeout（发现setTimeout是一门玄学。。。），当触发一个事件时，先setTimeout让这个事件延迟一会儿在执行，如果在这个间隔内又触发了事件，那我们就clear原来的定时器，再setTimeout一个新的定时器，延迟一会儿再执行。

var throttle = function(fn, delay){
            var timer = null;
            return function (){
                var context = this, args = arguments;
                clearTimeout(timer);
                timer = setTimeout(function(){
                    fn.apply(context, args);
                }, delay);
            }
        }
        //call
window.onresize = throttle(myfn, 100);

 

转载于:https://www.cnblogs.com/ariel-zhang/p/7412585.html