Detecção de recursos e eficiência de funções no JavaScript

A eficiência na execução do código é extremamente importante, especialmente quando uma determinada função é usada repetidamente. É comum ver chamadas de funções repetidas em estruturas JavaScript. Quando o senhor trabalha nessas estruturas, precisa garantir que tenha atingido todas as micro-otimizações possíveis. Uma micro-otimização que o senhor pode fazer é executar condicionais antes de criar uma função, em vez de cada vez que a função é executada. Deixe-me ilustrar um exemplo básico.

O ruim

Os seguintes itens seriam considerados ineficientes:

function something() {
    if('something' in obj) {
        // something
    }
    else {
        // fallback
    }
}

O código acima é ineficiente porque a condicional é executada em cada chamada da função. Vamos fazer melhor!

O bom

Em vez de executar a verificação condicional em cada chamada de função, execute a verificação condicional antes que o definir a função:

var something = ('something' in obj) ? function() {
    // something
} : function() {
    // fallback
};

Esse padrão é especialmente aplicável ao usar a detecção de recursos, ou seja, o valor da condicional nunca muda. É claro que a avaliação condicional é rápida, mas por que calcular condicionais fáceis mais de uma vez? O senhor não deveria, é claro. Tenha esse padrão em mente ao criar suas próprias estruturas: não repita o código!