Hablemos sobre las variables y por qué debería usarlas en JavaScript.

El objetivo principal de la codificación es resolver problemas. Por ejemplo, ¿qué sucede cuando haces clic en un botón? Eso es un problema que debemos resolver.

Entonces, comencemos este artículo resolviendo un problema simple.

Contando manzanas

Si tiene 4 manzanas y compra 27 más, ¿cuántas manzanas tiene? Tómese un segundo y escriba su respuesta en su editor de texto.

¿Cual es tu respuesta?

// ¿Esta?
31
// ¿O esto?
4 + 27

Ambas respuestas son correctas, pero el segundo método es mejor, porque está descargando el cálculo a JavaScript. Le estás enseñando cómo llegar a la respuesta.

Pero todavía hay un problema con el código.

Si observa 4 + 27 sin ningún contexto de nuestro problema de manzanas, ¿sabe que estamos calculando la cantidad de manzanas que tiene actualmente?

Probablemente no.

Entonces, una mejor manera es usar álgebra para sustituir 4 y 27 con variables. Cuando lo haga, tendrá la capacidad de escribir código que tenga significado:

initialApples + applesBought

El proceso de sustituir 4 con una variable llamada initialApples se llama declarar variables.

Declarando variables

Declaras variables con la siguiente sintaxis:

const variableName = 'valor'

Hay cuatro partes de las que querrás tomar nota:

  1. La variableName
  2. El valor
  3. El signo =
  4. La palabra clave const

La variableName

variableName es el nombre de la variable que está declarando. Puede nombrar cualquier cosa, siempre que siga estas reglas:

  1. Debe ser una palabra
  2. Debe constar solo de letras, números o guiones bajos (0–9, a-z, A-Z, _).
  3. No puede comenzar con un número.
  4. No puede ser ninguna de estas palabras clave reservadas

Si necesita usar dos o más palabras para nombrar su variable, solo junte las palabras pero escriba en mayúscula la primera letra de cada palabra subsiguiente. Esta capitalización extraña se llama caso de camello.

Un buen ejemplo de una variable en camello es applesToBuy.

El valor

El valor es lo que desea que sea la variable. Pueden ser primitivos (como cadenas y números) u objetos (como matrices y funciones).

= en JavaScript

= en JavaScript no funciona como = en matemáticas. No te confundas.

En JavaScript, = significa asignación. Cuando usa =, establece (o asigna) el valor en el lado derecho (RHS) del signo = al lado izquierdo (LHS) del signo =.

En la siguiente declaración, establece la variable initialApples en el número 4.

const initialApples = 4

Si console.log esta variable, puede ver que initialApples es 4.

console.log (initialApples) // 4

Evaluación antes de la asignación

Cada variable solo puede tomar un valor. Entonces, si tiene una ecuación que necesita ser evaluada en el RHS, será evaluada antes de ser asignada a la variable.

const initialApples = 4
const applesToBuy = 27
const totalApples = initialApples + applesToBuy

En este ejemplo, JavaScript evaluará la respuesta de initialApples + applesToBuy (que da como resultado 31) antes de asignar los resultados a totalApples. Es por eso que obtienes 31 si intentas registrar totalApples.

console.log (totalApples) // 31

La palabra clave const

const es una de las tres palabras clave que puede usar para declarar variables. Hay otras dos palabras clave: let y var.

Las tres palabras clave declaran variables, pero son ligeramente diferentes entre sí.

Const vs let vs var

const y let son palabras clave disponibles en ES6. Son mejores para crear variables que var porque tienen un ámbito de bloque mientras que var es ámbito de función.

Por ahora, concentrémonos en la diferencia entre const y let.

Const vs let

Si declara una variable con const, no puede reasignarla con un nuevo valor. El siguiente código produce un error:

const applesToBuy = 22
// La reasignación a una variable declarada con const da como resultado un error applesToBuy = 27

Si declara una variable con let, puede reasignarla con un nuevo valor.

let applesToBuy = 22
applesToBuy = 27 console.log (applesToBuy)

¿Deberías usar const o let?

Comprender si debe usar const o let es un tema más avanzado.

Cuando comienzas, usar let sería mucho más simple que usar const.

Sin embargo, a medida que escriba más programas, lentamente se dará cuenta de que desea abstenerse de reasignar sus variables. Entonces comenzarás a usar const sobre let. Pero ese es un tema diferente para otro día.

Dado que de todos modos usará const over let cuando escriba programas más avanzados, es mejor acostumbrarse a preferir const over let cuando esté comenzando.

En caso de que se lo pregunte, ya no use var, no es necesario. let y const son mucho mejores que las var.

Terminando

En JavaScript, las variables se utilizan para mantener un valor. Pueden contener cualquier valor, desde primitivas hasta objetos.

El signo = en JavaScript no es lo mismo que el signo = en Math. En JavaScript, = significa asignación.

Cuando declara variables, use camelCase para nombrar sus variables. Evite las palabras clave reservadas.

Puede declarar variables con const, let o var. En la medida de lo posible, querrás usar const over let. Use let cuando necesite reasignar valores. Ya no es necesario usar var.

Este artículo es una lección de ejemplo de Learn JavaScript, un curso que lo ayuda a aprender JavaScript y a construir componentes reales y prácticos desde cero. Si este artículo le resultó útil, lo invito a conocer más sobre Learn JavaScript.

(Ah, por cierto, si te gustó este artículo, te agradecería que pudieras compartirlo. )

Publicado originalmente en zellwk.com.