Оптимизация JavaScript (addEvent)

Всем известная функция addEvent и ее стандартная реализация:

        function addEvent(obj,name,func){   
          if(obj.addEventListener) {    
              obj.addEventListener(name, func, false);    
          }
          else if (obj.attachEvent) {    
            obj.attachEvent('on'+name, func); 
          }
          else {throw 'Error'};
        }
  

Чтобы избежать постоянной проверки, следует проверять наличие нужных методов непосредственно при создании функции:

 
        var addEvent= (function(){
          if(document.addEventListener) {    
            return function(obj,name,func){
              obj.addEventListener(name, func, false);    
            }  
          }
          else if (document.attachEvent) {   
            return function(obj,name,func){
              obj.attachEvent('on'+name, func); 
            }      
          }else return function(){throw 'Error'}
        })()

Тот же способ можно применить и к detachEvent, removeEventListener.

Оптимизация JavaScript (Array)

Добавление и извлечение последнего элемента массива.

Обычный способ:

        var arr = new Array();
        arr.push('a');
        arr.pop(); 
//Быстрый способ:
        var arr = [];
        arr[arr.length]='a';
        delete arr[arr.length-1]; // а вот так делать стоит,
 ибо тогда arr.length == 1 и arr[0] = 'undefined' используйте arr.pop();
  Спасибо Сергею, указал на ошибку  :) 
        

Оптимизация JavaScript (Looping)

Чаще всего драгоценное время теряется в циклах, причина на то неправильно построенное условие.
Всегда нужно помнить, что проверка условия срабатывает при каждой итерации, и каждый раз вызывается тот метод или чаще всего свойство объекта, которое запросто можно было бы присвоить переменной.

Обычная выборка из массива:

        var a = [1,2,3,4,...]
        for(var i=0;i<a.length;i++){
            ...
        } 
//Повысить скорость можно так:       
        var a = [1,2,3,4,...]
        for(var i=0,l = a.length;i<l;i++){
            ...
        }

Иногда можно просто изменить конструкцию, например функция in_array:

        for(var i=0;i<arr.length;i++){
            if(arr[i] === search)return true;
        }return false;
//неплохой прирост скорости:
        var i = arr.length; 
        while(i--){
            if(arr[i] === search)return true;
        }
        return false;

Когда дело доходит до объектов или дом, правильная организация цикла может увеличить скорость в разы.

В данном примере вызывается метод вложенного объекта:

        for(var i=0;i<100;i++){
            a.b.c.d(i);
        }
//Сработает гораздо быстрее, если присвоит ссылку метода к переменной.  
        var d = a.b.c.d;                          
        for(var i=0;i<100;i++){
            d(i);
        }

Более наглядный пример с формой:

        var form  = document.forms[0]                            
        for(var i=0;i<form.radio.length;i++){
            if(form.radio[i].checked)return form.radio[i].value;
        } 
//так шустрее:
        var form  = document.forms[0];
        var radio = form.radio;
        var l    = radio.length;                                   
        for(var i=0;i<l;i++){
            if(radio[i].checked)return radio[i].value;             
        }