Faça algumas pequenas melhorias de desempenho para JavaScript!
Este artigo lista 24 sugestões para tornar seu processo de codificação mais fácil e eficiente. Talvez você ainda seja um iniciante em JavaScript e tenha acabado de escrever seu próprio Hello World. Há muitas dicas aqui que serão muito úteis para o seu trabalho. Talvez você já conheça algumas dicas, então tente uma navegação rápida e veja se consegue. encontre-os. Algo novo!
Nota: Este artigo usa o objeto console do Firebug muitas vezes, consulte Firebug Console API . Para uma introdução mais detalhada ao firebug, clique aqui .
1. Use === em vez de == Existem dois operadores de igualdade diferentes em JavaScript: ===|!== e ==|!=. Em comparação, o primeiro é mais digno de recomendação. Por favor, tente usar o primeiro.
"Se os dois objetos de comparação tiverem o mesmo tipo e valor, === retornará verdadeiro e !== retornará falso."
– JavaScript: as partes boas
No entanto, se você usar == e !=, poderá encontrar alguns problemas inesperados ao operar diferentes tipos de dados. O JavaScript tentará convertê-los em strings, números ou quantidades booleanas antes de fazer um julgamento de igualdade.
2. Evite usar a função Eval
A função Eval usa uma string como parâmetro, executa a string como uma instrução JavaScript e retorna o resultado (referência).
Essa função não apenas reduz a eficiência de execução do seu script, mas também aumenta muito o risco de segurança porque dá muito poder ao parâmetro que é um texto. Não use isso!
3. Não use escrita rápida
Tecnicamente, você pode omitir a maioria das chaves e pontos e vírgulas finais, e a maioria dos navegadores executará a seguinte instrução corretamente:
.if(algumaVariávelExiste)
x = falso
No entanto, e se for esse o caso:
.if(algumaVariávelExiste)
x = falso
outraFunctionCall();
Você pode pensar nisso como equivalente à seguinte afirmação:
if(algumaVariávelExiste) {
x = falso;
outraFunctionCall();
}
Infelizmente, este não é o caso. A realidade é que equivale a:
Como você notará, nenhum recuo sofisticado pode substituir colchetes sofisticados. Em todos os casos, escreva chaves claras e ponto e vírgula no final. Ocasionalmente, pode ser omitido quando houver apenas uma linha, embora isso seja altamente desencorajado:
if(2 + 2 === 4) return 'bem feito';
Pense mais sobre o futuro. Suponha que, no processo de desenvolvimento futuro, você precise adicionar mais comandos a esta instrução if. Você não precisa adicionar parênteses então?
if(algumaVariávelExiste) {
x = falso;
}
outraFunctionCall();