JavaScript Fácil · Teoría
24 lecciones originales con ejemplos breves, puntos clave y referencias para profundizar.
JavaScript expresa instrucciones y valores mediante un lenguaje que distintos entornos pueden ejecutar.
El navegador y Node.js ofrecen capacidades diferentes alrededor del mismo núcleo del lenguaje.
console.log("Primer programa");La consola permite observar datos durante una ejecución. Los comentarios documentan una intención sin convertirse en instrucciones.
// Una línea
console.log("estado", 1);
/* Varias líneas */Una variable vincula un nombre con un valor. const evita reasignar el vínculo y let permite hacerlo.
var pertenece a una etapa anterior del lenguaje y tiene alcance de función, por eso se evita como opción inicial.
const curso = "JS";
let avance = 0;
avance = 1;Una cadena de texto representa una secuencia de unidades de código. Puede delimitarse con comillas simples, dobles o invertidas.
const saludo = "Buenos días";
console.log(saludo.length);El tipo number representa números enteros y decimales bajo el formato numérico principal de JavaScript.
const total = 12.5 + 7.5;
console.log(total);Los booleanos sólo tienen dos valores: true y false. Son la base de las decisiones del programa.
const tieneAcceso = true;
console.log(typeof tieneAcceso);undefined suele indicar que todavía no se asignó un valor. null expresa de manera intencional que no hay un valor útil.
let respuesta;
const seleccion = null;
console.log(respuesta, seleccion);El operador typeof devuelve una cadena de texto que describe la categoría de muchos valores.
console.log(typeof 8);
console.log(typeof "8");Los operadores combinan valores. La asignación compuesta actualiza una variable usando su valor actual.
let puntos = 10;
puntos += 5;
console.log(puntos % 4);Los operadores >, <, >= y <= comparan dos operandos y producen un booleano.
const disponible = 7 >= 3;
console.log(disponible);La igualdad flexible intenta convertir tipos antes de comparar. La igualdad estricta exige coincidencia de tipo y valor.
console.log(4 == "4");
console.log(4 === "4");&& requiere que ambos operandos sean verdaderos; || acepta uno verdadero; ! invierte un valor booleano.
const puedeEntrar = true && !false;
console.log(puedeEntrar);Las comillas invertidas permiten insertar expresiones con ${} y escribir texto en varias líneas.
const nombre = "Sol";
console.log(`Hola, ${nombre}`);if ejecuta un bloque cuando su condición es verdadera. else if prueba alternativas y else cubre el caso restante.
const nota = 7;
if (nota >= 8) console.log("alto");
else if (nota >= 6) console.log("aprobado");
else console.log("revisar");switch compara una expresión con varios casos mediante igualdad estricta. break evita continuar en el caso siguiente.
const turno = "tarde";
switch (turno) {
case "tarde": console.log("14:00"); break;
default: console.log("sin turno");
}Un array mantiene una colección ordenada. Sus índices comienzan en cero y length indica cuántos elementos contiene.
const rutas = ["norte", "sur"];
console.log(rutas[0], rutas.length);Un objeto agrupa valores bajo claves. La notación de punto sirve para claves conocidas y los corchetes aceptan claves calculadas.
const ficha = { nombre: "Luz", activo: true };
console.log(ficha.nombre);for reúne inicialización, condición y actualización. Resulta claro cuando el número de repeticiones se conoce.
for (let i = 0; i < 3; i += 1) {
console.log(i);
}while repite mientras una condición sea verdadera. for...of recorre directamente los valores de un iterable como un array.
let intentos = 2;
while (intentos > 0) intentos -= 1;
for (const letra of ["a", "b"]) console.log(letra);Una función nombra un bloque reutilizable. Declararla no la ejecuta: una llamada activa sus instrucciones.
function anunciar() {
console.log("Comienza");
}
anunciar();Los parámetros son nombres locales de la función. Los argumentos son los valores entregados en cada llamada.
function presentar(nombre, edad) {
console.log(nombre, edad);
}
presentar("Iris", 21);return finaliza la función y entrega un valor a quien la llamó. Sin return explícito, el resultado es undefined.
function doble(valor) {
return valor * 2;
}
console.log(doble(6));El alcance determina dónde existe un nombre. let y const declarados en un bloque no están disponibles fuera de sus llaves.
const exterior = "visible";
if (true) {
const interior = "local";
console.log(exterior, interior);
}push y pop modifican el final; shift y unshift actúan al inicio. includes consulta si existe un valor.
const tareas = ["leer"];
tareas.push("practicar");
console.log(tareas.includes("leer"));