Seguir las mejores prácticas de JavaScript puede ayudar a que las páginas se carguen más rápido y a mejorar el rendimiento, así como a mejorar la legibilidad del código y facilitar el mantenimiento y la depuración. Un código escrito cuidadosamente también puede ayudar a evitar errores y problemas de seguridad.
01. Evite las variables globales
- Minimizar el uso de variables globales.
- Esto incluye todos los tipos de datos, objetos y funciones.
- Las variables y funciones globales se pueden sobrescribir con otros scripts.
- Utilice variables locales en su lugar y aprenda a utilizar cierres.
02. Declarar siempre variables locales
- Las variables locales deben declararse para todas las variables utilizadas en una función.
- Si la palabra clave var, let o const no se utiliza al declarar un local
variable, la variable local se convertirá en una variable global.
03. Declaraciones en la cima
Todas las declaraciones deben colocarse al principio de cada script o funcionar como una buena práctica de codificación.
Esto dará como resultado:
- Un código más limpio
- Proporcione a los usuarios una ubicación única para buscar variables locales.
- Simplifique la tarea de evitar variables globales no deseadas (implícitas).
- Reducir la probabilidad de nuevas declaraciones no deseadas.
4. Inicializar variables
Cuando declaras variables, siempre debes inicializarlas.
Esto:
- Proporcionar código más limpio
- Proporcione una ubicación única para la inicialización de variables.
- Evitar el uso de valores indefinidos
05. Declarar matrices con const
Declarar matrices con const evita cambios de tipo accidentales
06. No utilizar nuevo objeto()
- En lugar de new String(), utilice “”.
- En lugar del nuevo Número(), use 0
- En lugar de usar new Boolean(), usa false
- En lugar del nuevo Objeto(), utilice {}
- En lugar de usar new Array(), usa [].
- En lugar de usar la nueva RegExp(), use /()/.
- En lugar de usar la nueva Función(), use la función (){}.
07. Cuidado con las conversiones automáticas de tipos
- JavaScript es un lenguaje de tipo libre.
- Una variable puede contener cualquier tipo de datos.
- El tipo de datos de una variable se puede cambiar.
08. Utilice === Comparación
- Antes de la comparación, el operador de comparación == convierte (a tipos que coinciden).
- El operador === requiere una comparación de valor y tipo
09. Usar parámetros predeterminados
- Cuando se llama a una función con un argumento no especificado, el valor del argumento no especificado se establece en indefinido.
- Los valores no definidos pueden hacer que su código falle. Asignar valores predeterminados a los argumentos es una buena práctica.
10. Finalice sus cambios con los valores predeterminados
Incluya siempre un valor predeterminado al final de sus declaraciones de cambio. Incluso si crees que es innecesario.
11. Evite números, cadenas y valores booleanos como objetos
- Los números, cadenas y valores booleanos siempre deben tratarse como valores primitivos, no como objetos.
- Declarar estos tipos como objetos ralentiza la ejecución y tiene efectos secundarios negativos
12. Evite el uso de eval()
- La función eval() se utiliza para ejecutar texto como código. Pero en la mayoría de los casos, no debería ser necesario utilizarlo.
- También representa un riesgo de seguridad porque permite ejecutar código arbitrario.