JoLuGaMa Blog

Amante de la tecnología y las cosas bien hechas

Javascript - Buenas Prácticas

Basándome en guías de estilo tales como:
Google JavaScript Style Guide
jQuery JavaScript Style Guide
Idiomatic.js: Principles of Writing Consistent
Airbnb JavaScript Style Guide

Consejos generales

  • El código debe ser consistente
  • Mantener siempre el mismo estilo de programación y documentarlo
    • Espacios en blanco (después del paréntesis, entre declaraciones...)
    • Identación: cuántos espacios por nivel de identación
    • Saber cómo y dónde colocar las variables
  • El código debe ser entendible
    • Reducir código no siempre es mejor
    • balonRojo es mejor que blrj
    • El código se debe leer como si fuera un libro
      • Codigo
      • Utiliza identificadores descriptivos y separa funciones en subfunciones más pequeñas
      • comentariosxxxxxx
      • Explicar por qué las cosas suceden
      • Documentación
    • No seas listo, No me hagas pensar
    • No escribas un código dificil, escribe para todos
    • Evita la optimización de velocidad o tamaño de código
    • Hay aplicaciones que lo hacen por ti, como el minificado de código

Las comúnmente aceptadas son

  • Usar modo estricto 'use strict';
  • Esto hace que JavaScript sea un lenguaje más limpio
  • Usar siempre punto y coma ;
  • Uso del operador triple igual === y no ==
  • Estas son las diferencias:
    1
    2
    3
    4
    5
    6
    
    0 == false // true -> El 0 es un valor "falso" en JavaScript
     null == false // false -> null también es un valor "falso" en JavaScript pero en este caso devuelve false
     1234 == '1234' // true -> JavaScript convierte la cadena a un número y... ¡guau! coincide
    ' \n' == 0 // true ->  ¿?
    '  ' == 0 // true ->  ¿?
    undefined == null // true -> ¿?
    
    1
    2
    3
    4
    5
    6
    
    0 === false // false
    null === false // false
    1234 === '1234' // false
    ' \n' === 0 // false
    '  ' === 0 // false
    undefined === null // false
    
  • Usar espacios o tabulados en el sangrado. Nunca mezclarlos
  • Comillas simples ' para Strings y comillas dobles " para código html
  • Evitar variables globales
  • Se soluciona mediante el uso de patrones: Module y Namespace

Comentarios