Resumen de los Elementos Básicos de JavaScript

INICIO

1. Variables

Las variables en JavaScript se utilizan para almacenar datos. Existen diferentes formas de declararlas:

let nombre = "Juan";
const edad = 30;
var ciudad = "Madrid";

2. Tipos de Datos

JavaScript maneja diferentes tipos de datos primitivos como números, cadenas de texto, booleanos, etc.

let numero = 42;
let texto = "Hola, mundo!";
let esVerdadero = true;
let indefinido;
let nulo = null;

3. Operadores

Los operadores permiten realizar operaciones sobre variables y valores, como sumas o comparaciones.

let suma = 5 + 3;
let resta = 10 - 2;

4. Estructuras de Control

Permiten controlar el flujo del programa mediante condicionales y bucles.

if (edad >= 18) {
    console.log("Eres mayor de edad.");
} else {
    console.log("Eres menor de edad.");
}

for (let i = 0; i < 5; i++) {
    console.log(i);
}

5. Funciones

Bloques de código reutilizables que realizan una tarea específica.

function saludar(nombre) {
    return "Hola, " + nombre;
}
console.log(saludar("Juan"));

6. Objetos

Las estructuras que agrupan datos y funcionalidades relacionadas en pares clave-valor.

let persona = {
    nombre: "Ana",
    edad: 28,
    saludar: function() {
        console.log("Hola, soy " + this.nombre);
    }
};
persona.saludar();

7. Arreglos

Listas ordenadas de elementos.

let numeros = [1, 2, 3, 4];
console.log(numeros[0]); // 1
numeros.push(5);

8. Eventos

Acciones desencadenadas por interacciones del usuario, como clics o teclas presionadas.

document.getElementById("miBoton").addEventListener("click", function() {
    alert("¡Botón clicado!");
});

9. DOM (Document Object Model)

El DOM es la estructura jerárquica que representa un documento HTML o XML.

let titulo = document.getElementById("titulo");
titulo.innerHTML = "Nuevo título";
titulo.style.color = "blue";

10. Promesas

Representan la eventual finalización (o falla) de una operación asincrónica.

let promesa = new Promise(function(resolve, reject) {
    let exito = true;
    if (exito) {
        resolve("Operación exitosa.");
    } else {
        reject("Operación fallida.");
    }
});
promesa.then(function(resultado) {
    console.log(resultado);
}).catch(function(error) {
    console.log(error);
});

11. Funciones Asíncronas y await

Simplificación de la sintaxis para manejar promesas utilizando async y await.

async function obtenerDatos() {
    let respuesta = await fetch('https://jsonplaceholder.typicode.com/posts/1');
    let datos = await respuesta.json();
    console.log(datos);
}
obtenerDatos();