En esta sección, aprenderás sobre uno de los conceptos fundamentales en JavaScript: las variables y los tipos de datos. Las variables son contenedores que almacenan datos, y los tipos de datos determinan qué tipo de datos pueden almacenar estas variables.
- Declaración de Variables
En JavaScript, puedes declarar variables utilizando tres palabras clave: var
, let
y const
.
1.1 var
var
es la forma más antigua de declarar variables en JavaScript. Tiene un alcance de función, lo que significa que la variable está disponible dentro de la función en la que se declara.
1.2 let
let
se introdujo en ES6 (ECMAScript 2015) y tiene un alcance de bloque, lo que significa que la variable está disponible solo dentro del bloque donde se declara.
1.3 const
const
también se introdujo en ES6 y se utiliza para declarar variables cuyo valor no cambiará. Tiene un alcance de bloque, al igual que let
.
- Tipos de Datos
JavaScript tiene varios tipos de datos que se pueden clasificar en dos categorías principales: primitivos y objetos.
2.1 Tipos de Datos Primitivos
-
Número: Representa tanto números enteros como de punto flotante.
let numeroEntero = 42; let numeroDecimal = 3.14;
-
Cadena de Texto (String): Representa secuencias de caracteres.
let saludo = "Hola, Mundo!";
-
Booleano: Representa valores verdaderos (
true
) o falsos (false
).let esVerdadero = true; let esFalso = false;
-
Indefinido (Undefined): Representa una variable que ha sido declarada pero no se le ha asignado un valor.
let indefinido; console.log(indefinido); // undefined
-
Nulo (Null): Representa la ausencia intencional de cualquier valor.
let valorNulo = null; console.log(valorNulo); // null
-
Símbolo (Symbol): Representa un valor único e inmutable.
let simbolo = Symbol('descripcion'); console.log(simbolo); // Symbol(descripcion)
2.2 Tipos de Datos de Objeto
-
Objeto: Colección de propiedades y métodos.
let persona = { nombre: "Juan", edad: 30 }; console.log(persona.nombre); // Juan
-
Array: Lista ordenada de valores.
let colores = ["rojo", "verde", "azul"]; console.log(colores[0]); // rojo
- Conversión de Tipos
JavaScript permite la conversión de tipos de datos de forma implícita y explícita.
3.1 Conversión Implícita
JavaScript a menudo convierte tipos de datos automáticamente.
3.2 Conversión Explícita
Puedes convertir tipos de datos explícitamente utilizando funciones globales como Number()
, String()
, y Boolean()
.
let numeroCadena = "123"; let numero = Number(numeroCadena); console.log(numero); // 123 (número) let booleano = Boolean(1); console.log(booleano); // true
Ejercicios Prácticos
Ejercicio 1: Declaración de Variables
Declara tres variables: una usando var
, otra usando let
, y otra usando const
. Asigna valores a cada una y luego imprímelas en la consola.
// Solución var ciudad = "Madrid"; let pais = "España"; const continente = "Europa"; console.log(ciudad); // Madrid console.log(pais); // España console.log(continente); // Europa
Ejercicio 2: Tipos de Datos
Declara una variable de cada tipo de dato primitivo y luego imprímelas en la consola.
// Solución let numero = 10; let cadena = "Hola"; let booleano = true; let indefinido; let nulo = null; let simbolo = Symbol('simbolo'); console.log(numero); // 10 console.log(cadena); // Hola console.log(booleano); // true console.log(indefinido); // undefined console.log(nulo); // null console.log(simbolo); // Symbol(simbolo)
Ejercicio 3: Conversión de Tipos
Convierte una cadena que contiene un número en un tipo de dato numérico y luego imprímelo en la consola.
// Solución let cadenaNumero = "456"; let numeroConvertido = Number(cadenaNumero); console.log(numeroConvertido); // 456
Resumen
En esta sección, hemos cubierto los conceptos básicos de las variables y los tipos de datos en JavaScript. Aprendiste cómo declarar variables usando var
, let
y const
, y exploraste los diferentes tipos de datos primitivos y de objeto. También vimos cómo convertir tipos de datos de forma implícita y explícita. Estos fundamentos son esenciales para cualquier programador de JavaScript y te preparan para los temas más avanzados que vendrán en los siguientes módulos.
JavaScript: De Principiante a Avanzado
Módulo 1: Introducción a JavaScript
- ¿Qué es JavaScript?
- Configuración de tu Entorno de Desarrollo
- Tu Primer Programa en JavaScript
- Sintaxis y Conceptos Básicos de JavaScript
- Variables y Tipos de Datos
- Operadores Básicos
Módulo 2: Estructuras de Control
- Sentencias Condicionales
- Bucles: for, while, do-while
- Sentencias Switch
- Manejo de Errores con try-catch
Módulo 3: Funciones
- Definición y Llamada de Funciones
- Expresiones de Función y Funciones Flecha
- Parámetros y Valores de Retorno
- Ámbito y Closures
- Funciones de Orden Superior
Módulo 4: Objetos y Arrays
- Introducción a los Objetos
- Métodos de Objeto y la Palabra Clave 'this'
- Arrays: Conceptos Básicos y Métodos
- Iteración sobre Arrays
- Desestructuración de Arrays
Módulo 5: Objetos y Funciones Avanzadas
- Prototipos y Herencia
- Clases y Programación Orientada a Objetos
- Módulos e Importación/Exportación
- JavaScript Asíncrono: Callbacks
- Promesas y Async/Await
Módulo 6: El Modelo de Objetos del Documento (DOM)
- Introducción al DOM
- Selección y Manipulación de Elementos del DOM
- Manejo de Eventos
- Creación y Eliminación de Elementos del DOM
- Manejo y Validación de Formularios
Módulo 7: APIs del Navegador y Temas Avanzados
- Almacenamiento Local y de Sesión
- Fetch API y AJAX
- WebSockets
- Service Workers y Aplicaciones Web Progresivas (PWAs)
- Introducción a WebAssembly
Módulo 8: Pruebas y Depuración
- Depuración de JavaScript
- Pruebas Unitarias con Jest
- Pruebas de Integración
- Pruebas de Extremo a Extremo con Cypress
Módulo 9: Rendimiento y Optimización
- Optimización del Rendimiento de JavaScript
- Gestión de Memoria
- Manipulación Eficiente del DOM
- Carga Perezosa y División de Código
Módulo 10: Frameworks y Librerías de JavaScript
- Introducción a React
- Gestión de Estado con Redux
- Conceptos Básicos de Vue.js
- Conceptos Básicos de Angular
- Elegir el Framework Adecuado