Ao escrever qualquer código de programação, diferentes desenvolvedores terão opiniões diferentes. Mas é sempre bom consultá-lo, e aqui estão as 14 melhores dicas para escrever código JS da Javascript Toolbox , traduzidas por Sofish ( 1 , 2 ).
1. Sempre use ‘var’
Em JavaScript, as variáveis têm escopo global ou função, e o uso da palavra-chave "var" será a chave para manter as variáveis concisas e claras. Ao declarar uma variável que seja global ou de nível de função, sempre inclua a palavra-chave "var" no início. O exemplo a seguir destacará os possíveis problemas de não fazer isso.
Problemas causados por não usar Var
var i=0; // Isso é bom - cria uma variável global
teste de função() {
para (i=0; i<10; i++) {
alerta("Olá mundo!");
}
}
teste();
alert(i); // A variável global i agora é 10!
Como a variável i na variável function não usa var para torná-la uma variável de nível de função, neste exemplo ela se refere a uma variável global. É uma prática comum usar sempre var para declarar variáveis globais, mas é crucial usar var para definir uma variável de escopo de função. Os dois métodos a seguir são funcionalmente equivalentes:
função correta
teste de função() {
var i=0;
para (i=0; i<10; i++) {
alerta("Olá mundo!");
}
}
função correta
teste de função() {
for (var i=0; i<10; i++) {
alerta("Olá mundo!");
}
}
2. Detecção de recursos em vez de detecção de navegador
Algum código é escrito para descobrir a versão do navegador e executar diferentes ações com base no cliente que o usuário está usando. Isso, em geral, é uma prática muito ruim. Uma abordagem melhor é usar a detecção de recursos. Antes de usar um recurso avançado que navegadores mais antigos podem não suportar, primeiro verifique se (o navegador) possui essa função ou recurso e, em seguida, use-o. É melhor detectar apenas a versão do navegador, mesmo que você conheça seu desempenho. Você pode encontrar um artigo detalhado discutindo esse problema em http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
exemplo:
if (document.getElementById) {
var elemento = document.getElementById('MyId');
}
outro {
alert('Seu navegador não possui os recursos necessários para executar este script!');
}
Fonte: Favoritos Felizes