05 – Variables y tipos de datos

por

LLegamos a la semana 3 ¿te lo imaginabas?
Ya no demos más vueltas, es hora de que empecemos a tirar código :-), vamos a empezar a tirar líneas de código para obtener fines concretos

Comencemos con las variables, una variable es un espacio de almacenamiento en el que se puede guardar un valor que se utilizará más adelante en el código. Si lo comparamos con una caja, podríamos decir que una variable es como una caja donde podemos almacenar diferentes objetos.

Las variables tienen un nombre que se utiliza para hacer referencia a ellas en el código. Este nombre es lo que se conoce como identificador de la variable y se utiliza para acceder al valor que contiene. Al igual que en la vida real podemos tener un montón de cajas para almacenar diferentes cosas y dentro de un programa podemos tener múltiples variables con diferentes nombres y valores.

Además, al igual que podemos cambiar el contenido de una caja (con algunas excepciones que veremos más adelante), también podemos cambiar el valor de una variable en el código. Podemos asignarle un nuevo valor en cualquier momento y el valor anterior se sobrescribirá.

Las variables son muy importantes en la programación, ya que permiten a los programadores almacenar y manipular datos de manera eficiente. Sin ellas, sería difícil escribir programas complejos que requieren el uso de datos.

¿Comenzamos a escribir código?

Node.Js

Podemos escribir muchas líneas de código en JavaScript para realizar una tarea pero de alguna forma esas líneas deben ser ejecutadas para cumplir dicha función, entonces ¿cómo esas líneas serán ejecutadas para la realización de la tarea programada?

Para ejecutar JavaScript podemos hacerlo de 2 formas, a través de un navegador que ya trae incorporado el motor para ejecutar JavaScript o instalar Node.Js en nuestra computadora para poder ejecutar código JavaScript a través de la consola.
En nuestro caso debemos instalar Node.JS ya que estamos haciendo una carrera de backend y así es como se ejecutan las aplicaciones de backend en los servidores.

Ingresa a https://nodejs.org/ e instala la versión LTS (Long Term Support) para tu sistema operativo, aquí te dejo unos tutoriales de instalaciones para los sistemas operativos más comunes

Ejecuta node -v para verificar la correcta instalación

Por el momento, para ejecutar JavaScript durante el módulo 1 nos alcanza con está instalación, más adelante veremos más detalles sobre Node.Js

Variables

Como ya hemos visto una variable es un lugar donde podemos almacenar un valor dentro de nuestro programa, es importante mencionar que es un almacenamiento volátil, es decir, que al apagar el programa o reiniciarlo el valor se pierde.

Las variables en JavaScript deben definirse de la siguiente manera:

Palabra reservada var, let o const + nombre de variable

Con esto es sufuciente para definir una variable pero en la mayoría de los casos al crear la variable se le asigna un valor inmediatamente, por lo que la «definición» quedaría así: 

Palabra reservada var, let o const + nombre de variable + = (signo de igual) + valor que quiero almacenar

Llevado a JavaScript finalmente queda así:

var mensaje = "hola"
let edad = 18
const color = "rojo"

Básicamente estoy asignando a cada una de las variable un valor, por ejemplo a mensaje le asigno hola

Entonces en mi aplicación puedo necesitar almacenar un valor y luego utilizarlo mucho más adelante

let edad = 18
// hago algo
// hago otra cosa
// pregunto algo
// cambio de dirección en el flujo
// etc
// etc
console.log(edad) /* utilizo la variable edad  para mostrarla */

Ahora, ¿Por qué var, let o const? o mejor dicho ¿cuándo var, let o const? entremos un poco más en detalle

Cada una tiene un scope (alcance) donde vivirá, es decir, donde la estará disponible para su uso

  • var: antes de la introducción de let y const, var era la única forma de declarar una variable en JavaScript. Las variables declaradas con var tienen un alcance de función o global y pueden ser reasignadas en cualquier momento. El problema con var es que su alcance puede ser impredecible en algunas situaciones, lo que puede provocar errores difíciles de detectar.
  • let: let es una forma más moderna de declarar variables en JavaScript y se introdujo en ECMAScript 6. Las variables declaradas con let tienen un alcance de bloque y se pueden reasignar. El alcance de bloque significa que la variable solo es accesible dentro del bloque en el que se declaró, como un if o un bucle for. Esto puede ayudar a evitar errores y hacer que el código sea más fácil de leer y mantener.
  • const: const es otra forma de declarar variables en JavaScript y también se introdujo en ECMAScript 6. A diferencia de var y let, las variables declaradas con const no se pueden reasignar después de la inicialización. El alcance de const también es de bloque, lo que significa que solo se puede acceder a la variable dentro del bloque en el que se declaró. Las variables const son útiles cuando se desea asegurarse de que un valor no cambie durante la ejecución del programa.

Aquí puedes encontrar más detalles relacionados con el scope: https://yeisondaza.com/entendiendo-scopes-de-variables-en-javascript

Tipos de datos

Los tipos de datos son la base de cualquier lenguaje de programación y JavaScript no es la excepción. En JavaScript, los tipos de datos se dividen en dos categorías: tipos de datos primitivos y tipos de datos no primitivos.

Los tipos de datos primitivos son aquellos que representan valores simples y básicos, como números, cadenas de texto y valores booleanos. Los tipos de datos no primitivos, por otro lado, son aquellos que representan valores complejos y están compuestos por varios valores primitivos, como objetos y matrices.

Tipos de datos primitivos:

  • number: representa números, tanto enteros como decimales.
  • string: representa cadenas de texto.
  • boolean: representa valores booleanos true (verdadero) o false (falso).
  • null: representa la ausencia de un valor.
  • undefined: representa el valor indefinido.
  • Symbol: representa un valor único e inmutable que se puede utilizar como identificador de propiedad en objetos.

Tipos de datos no primitivos:

  • object: representa una estructura de datos compleja compuesta por pares clave-valor.
  • array: representa una lista de elementos ordenados.
  • function: representa un bloque de código reutilizable que realiza una tarea específica.
  • date: representa una fecha y hora específicas.
  • RegExp: representa una expresión regular, que se utiliza para buscar patrones en cadenas de texto.

Aquí te he hecho un resumen de todos los que hay, solamente nos centraremos en los primitivos, a medida que vayamos avanzando podremos introducirnos en los tipo de datos no primitivos.

//observa que almaceno el hola mundo entre comillas, eso convierte a mensaje en una variable tipo string
let mensaje = "hola mundo"
console.log(mensaje)
console.log(typeof(mensaje))

let edad = 21
console.log(edad)
console.log(typeof(edad))

let verdadero = true
console.log(verdadero)
console.log(typeof(verdadero))

let nada;
console.log(typeof(nada))

let sym = Symbol('algo')
console.log(typeof(sym))

@La cocina del código nos deja una excelente explicación de los datos primitivos, no te pierdas su video.

En nuestra próxima clase veremos más conceptos de variables y tipos de datos, nos vemos pronto!

Reviví la clase en vivo