处理繁重操作

 1 // 返回一个函数，如果它被不间断地调用，它将不会得到执行。
 2 //该函数在停止调用 N 毫秒后，再次调用它才会得到执行。
 3 //如果有传递 ‘immediate’ 参数，会马上将函数安排到执行队列中，而不会延迟。
 4 function debounce(func, wait, immediate) {
 5     var timeout;
 6     return function() {
 7         var context = this, args = arguments;
 8         var later = function() {
 9             timeout = null;
10             if (!immediate){
11                 func.apply(context, args);
12             } 
13         }; 
14         var callNow = immediate && !timeout;
15         clearTimeout(timeout);
16         timeout = setTimeout(later, wait);
17         if (callNow) {
18             func.apply(context, args);
19         }
20     };
21 };
22 // 用法
23 var myEfficientFn = debounce(function() {
24 // 所有繁重的操作
25    console.log(123);
26 }, 250);
27 
28 window.addEventListener(‘scroll‘, myEfficientFn);