var i = 0, j = 1;
window.onresize = function(){
if(j % 2 == 0){
console.log(i++);
}
j++;
}
创建一个变量j，让j每次只有偶数的时候才执行，也就是少了一半的实行次数。
像这样处理下，可以减少50%的执行次数，但是对用户来说，并感受不到区别。
还有一种使用定时器实现的函数节流。
核心代码如下：
复制代码 代码如下:
function throttle(method , context){
clearTimeout(method.tId);
method.tId = setTimeout(function(){
method.call(context);
},100);
}
这里传入执行函数和函数的执行环境（也就是执行函数中的this的指向对象），然后先清除动作队列，接着执行动作。
这种形式可以对动作频率做更好的控制。
假设是一个浏览器拉伸动作，那么只要你拉伸的速度够快，每次触发的时间间隔在100ms之内，那么就只会执行最后一下的结果。
8、自定义事件
本质是观察者模式。基本模式是需要3个函数，
一个函数是绑定事件，一个函数是触发事件，一个是移除绑定。
这种模式可以很大程度降低代码耦合性。
您可能感兴趣的文章: