Al escribir cualquier código de programación, diferentes desarrolladores tendrán opiniones diferentes. Pero siempre es bueno consultarlo, y aquí están los 14 mejores consejos para escribir código JS de Javascript Toolbox , traducidos por Sofish ( 1 , 2 ).
1. Utilice siempre 'var'
En JavaScript, las variables tienen un alcance global o de función, y el uso de la palabra clave "var" será la clave para mantener las variables concisas y claras. Al declarar una variable que sea global o de nivel de función, anteponga siempre la palabra clave "var". El siguiente ejemplo resaltará los problemas potenciales de no hacer esto.
Problemas causados por no usar Var
var i=0; // Esto es bueno: crea una variable global
prueba de función() {
para (i=0; i<10; i++) {
alerta("¡Hola mundo!");
}
}
prueba();
alert(i); // ¡La variable global i ahora es 10!
Debido a que la variable i en la función variable no usa var para convertirla en una variable de nivel de función, en este ejemplo se refiere a una variable global. Es una práctica común usar siempre var para declarar variables globales, pero es crucial usar var para definir una variable de alcance de función. Los dos métodos siguientes son funcionalmente equivalentes:
función correcta
prueba de función() {
var i=0;
para (i=0; i<10; i++) {
alerta("¡Hola mundo!");
}
}
función correcta
prueba de función() {
para (var i=0; i<10; i++) {
alerta("¡Hola mundo!");
}
}
2. Detección de funciones en lugar de detección de navegador
Se escribe algún código para descubrir la versión del navegador y realizar diferentes acciones en él según el cliente que esté utilizando el usuario. Esta, en general, es una muy mala práctica. Un mejor enfoque es utilizar la detección de funciones. Antes de utilizar una función avanzada que los navegadores más antiguos pueden no admitir, primero verifique si (el navegador) tiene esta función o característica y luego úsela. Es mejor detectar solo la versión del navegador, incluso si conoce su rendimiento. Puede encontrar un artículo detallado que analiza este tema en http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
ejemplo:
si (document.getElementById) {
elemento var = document.getElementById('MyId');
}
demás {
alert('¡Su navegador carece de las capacidades necesarias para ejecutar este script!');
}
Fuente: Favoritos felices