微信扫一扫

028-83195727 , 15928970361
business@forhy.com

[置顶] 前端性能优化:重写自己,减少判断

2016-08-01

   重写自己如何减少判断?其实我也是学习别人的代码,才明白的。


具体代码:

 //兼容的绑定事件方法
        function addHandler(target, eventType, handler) {
            //重写自己
            if (target.addEventListener) { //DOM2 Events 
                addHandler = function (target, eventType, handler) {
                    target.addEventListener(eventType, handler, false);
                };
            } else { //IE 
                addHandler = function (target, eventType, handler) {
                    target.attachEvent("on" + eventType, handler);
                };
            }
            //关键,调用新方法,重写自己,减少判断,第二次调用时,使用新方法,没有判断
            addHandler(target, eventType, handler);
        }
        function removeHandler(target, eventType, handler) {
            //o//重写自己 
            if (target.removeEventListener) { //DOM2 Events 
                removeHandler = function (target, eventType, handler) {
                    target.addEventListener(eventType, handler, false);
                };
            } else { //IE 
                removeHandler = function (target, eventType, handler) {
                    target.detachEvent("on" + eventType, handler);
                };
            }
            //关键,调用新方法,重写自己,减少判断,第二次调用时,使用新方法,没有判断
            removeHandler(target, eventType, handler);
        }
一般人的写法是这样:

 function addHandler(target, eventType, handler) {          
            if (target.addEventListener) { //DOM2 Events 
                target.addEventListener(eventType, handler, false);
            } else { //IE 
                target.attachEvent("on" + eventType, handler);
            }           
        }


虽然多了几行代码,但思想完全不一样,一般人写的,每次绑定必然后判断,可人家写的就只有一次判断!!!只有一次!!!