Formas de agregar scripts
Variables y constantes
En los diferentes lenguajes de programación existe el concepto de variables y constantes. Son como contenedores que nos ayudan a guardar datos.
Analogía
A mí me gusta verlo como cajas donde guardamos objetos de valor.
En JavaScript existen tres maneras de crear estos contenedores:
varletconst
var
Podemos utilizar la palabra var seguida del nombre que le queramos dar a ese contenedor:
var miNumero;A esta acción se le conoce como declaración (de variable).
Analogía
Es como etiquetar la caja para reconocerla mejor
Por sí solas son como cajas vacías. Tenemos que darles un valor a guardar. Eso lo podemos hacer con la notación = valor;.
var miNumero = 16;A esta acción se le conoce como asignación (de valor).
Analogía
Es como guardar el valor dentro de la caja.
Podemos hacerlo en lineas separadas si es necesario.
var miNumero;
miNumero = 16;Analogía
Es como ir por pasos, primero creamos la caja y la etiquetamos y después metemos el valor a guardar.
Debemos notar que al hacer la asignación por separado ya no estamos usando la palabra var.
También podemos cambiar el valor guardado a lo largo de diferentes líneas de código.
var miNumero = 16;
miNumero = 8;
miNumero = 4;Analogía
Es como ir cambiando lo que guardamos dentro de la caja.
let
Es similar a var aunque tiene algunas características importantes que por ahora no vamos a mencionar.
Se recomienda utilizar let por encima de var para la mayoría de las tareas.
Podemos usarla exactamente como en los ejemplos de arriba.
Declaración y asignación
let miNumero = 16;Declaración y asignación separada
let miNumero;
miNumero = 16;Declaración y reasignación
var miNumero = 16;
miNumero = 8;
miNumero = 4;const
A const debemos asignarle valor en la misma línea donde la declaramos. Además de que no podemos cambiar su valor una vez guardado.
const MI_NUMERO = 16;Analogía
Me gusta verlo como cajas con seguro
Crear variables y constantes nos ayuda a manipular los diferentes datos que vamos usando a lo largo de nuestros programas.
Los nombres que les damos nos ayudan a identificar mejor para qué sirven.
En la mayoría de los casos es recomendable usar const o let. Dependiendo de si queremos modificar el valor o no.
| Tipo | Valor modificable | Asignación obligatoria | Prioridad de uso |
|---|---|---|---|
const | ❌ | ✅ | 1 |
let | ✅ | ❌ | 2 |
var | ✅ | ❌ | 3 |
El uso de var está relacionado a usos más particulares que veremos en otros artículos, por ahora podemos ignorar que existe.
Comentarios
Roadmap
Web Dev (Frontend)
Artículo 34 de 63