tutz

Variables en JavaScript

En este articulo vamos a hablar todo sobre las variables y todo lo que tienes que saber para escribirlas correctamente. Comencemos.

¿Que es una variable?

Primero veamos una definición de nuestros amigos de MDN.

Una variable es el nombre de una ubicación para almacenar un valor. De esta forma, se puede acceder a un valor impredecible a través de un nombre predeterminado.- MDN

En nuestras propias palabras, es el nombre que le damos a algo para usarlo luego.

Y ¿que tipo de valores podemos guardar en una variable? Bueno en JavaScript tenemos 7 tipos de datos:

  • null
  • undefined
  • boolean
  • number
  • string
  • object
  • symbol

    • En otro tutorial vamos a profundizar en cada tipo de dato, asi que por ahora ten en cuenta que existen estos tipos de datos ;).

    Declarar variables

    Actualmente tenemos tres formas de nombrar o declarar variables, veamos una por una.

    var

    Por mucho tiempo era la única manera que teníamos para declarar una variable. Cuando creamos una variable con var, luego podemos cambiar el valor de la variable. Por ejemplo:

    var nombre = 'Edwin';
nombre = 'Salvador';

    let

    Viene a reemplazar a var y su gran diferencia con la antes mencionada es que el alcance que tiene es sobre el bloque en donde ha sido definida.

    let nombre = 'Edwin';

    const

    No puede cambiar luego que ha sido inicializada.

    const edad = '30';

    ¿Qué debería usar var, let o const?

    Aquí hay dos recomendaciones que siempre leo:

  • Usa en const para cada variable y si necesitas que una variable sea cambiada luego de que los declarado entonces cambiar el const por let.
  • Usa let para todo y si luego te aseguras que una variable nunca va a cambiar de valor, entonces le cambias a const.

    • Cualquiera de las dos formas te lleva por el mismo sendero, aunque a mi personalmente me gusta mas la primera.

    Otra recomendación súper importante es que nunca uses var, actualmente hay mas de 95% de compatibilidad global con let y const.

    Formas de nombrar variables

    Cuando nombramos variables hay diferentes opciones y estilos que podemos seguir.

    Camel case (Dromery)

    let tipoDeFactura = '01-T12';

    Es el estilo mas usado en JavaScript y básicamente es escribir los nombres de la variables que tienen mas de una palabra comenzar la primera con minusculas y las siguientes empezar cada palabra con mayúscula.

    Camel Case (Pascal)

    let TipoDeFactura = '01-T12';

    Es parecida a la anterior solo que la primera palabra también empieza con mayúscula.

    Snake Case

    let tipo_de_factura = '02-T02';

    Es muy común en PHP y Python, básicamente es escribir todo en minúsculas y separadas por guion bajo (*).

    ¿Cual usar?

    En mi opinión la primera (Camel Case Dromery) ya que es un estándar en la comunidad de JavaScript, vas a encontrar tutoriales, libros, librerías que usan ese estilo.

    Palabras reservadas

    En JavaScript hay palabras que no puedes usar como nombre de variables ya que estan reservadas para ciertas operaciones del lenguaje. Por ejemplo: for, var, boolean, etc.

    Reglas

    Los identificadores o nombres de las variables deben seguir estas reglas:

  • Los nombres solo pueden contener letras, dígitos, guion bajos (_) y signos dolar ($).
  • Los nombres deben comenzar con una letra, _ o $.
  • Los nombres son sensibles a las mayúsculas (case sensitive), por ejemplo: nombres es diferente a Nombre.
  • Las palabras reservadas no pueden ser usadas como variables.

    • Ten en cuenta cada recomendación y ten tus propias reglas y las del equipo con el que trabajes ya que cada equipo suele poner sus propias reglas a seguir.