Introducción a JavaScript

JavaScript es un lenguaje de programación interpretado, orientado a objetos, de propósito general, que se utiliza principalmente para crear páginas web interactivas. Es uno de los lenguajes de programación más populares y ampliamente utilizados en la actualidad, y es esencial para el desarrollo web moderno.

Las declaraciones de JavaScript son las unidades básicas de código que le indican al intérprete de JavaScript qué hacer. Una declaración puede ser una simple instrucción, como asignar un valor a una variable, o una instrucción más compleja, como llamar a una función. Las declaraciones de JavaScript están escritas en un formato específico, llamado sintaxis, que el intérprete de JavaScript puede comprender.

Sintaxis de JavaScript

La sintaxis de JavaScript es relativamente simple y fácil de aprender. Las declaraciones de JavaScript suelen estar escritas en una sola línea, terminando con un punto y coma (;). Sin embargo, las declaraciones también se pueden escribir en varias líneas. Por ejemplo, la siguiente declaración asigna el valor 10 a la variable x⁚

javascript let x = 10;

Esta declaración se puede escribir en dos líneas, sin afectar su funcionamiento⁚

javascript let x = 10;

JavaScript ignora los espacios en blanco, por lo que la siguiente declaración es equivalente a las anteriores⁚

javascript let x =10;

Sin embargo, el uso de espacios en blanco puede mejorar la legibilidad del código. Las declaraciones de JavaScript se pueden agrupar en bloques utilizando llaves ({}). Esto es útil para definir funciones, bucles y condiciones. Por ejemplo, la siguiente declaración define una función llamada suma que toma dos parámetros, a y b, y devuelve su suma⁚

javascript function suma(a, b) { return a + b; }

Variables en JavaScript

Las variables son contenedores que almacenan datos. En JavaScript, las variables se declaran utilizando la palabra clave let, const o var, seguida del nombre de la variable y un signo igual (=) y el valor que se le asignará. Por ejemplo, la siguiente declaración declara una variable llamada nombre y le asigna el valor “Juan”⁚

javascript let nombre = “Juan”;

Las variables declaradas con let y const son variables de ámbito de bloque, mientras que las variables declaradas con var son variables de ámbito de función. El ámbito de una variable determina dónde se puede acceder a ella en el código.

Las variables declaradas con const son constantes y su valor no se puede cambiar después de su declaración. Por ejemplo, la siguiente declaración declara una constante llamada PI y le asigna el valor 3.14159⁚

javascript const PI = 3.14159;

Intentar cambiar el valor de una constante resultará en un error.

Operadores en JavaScript

Los operadores son símbolos especiales que realizan operaciones en valores. JavaScript admite una amplia gama de operadores, incluyendo⁚

• Operadores aritméticos⁚ + (suma), ー (resta), * (multiplicación), / (división), % (módulo), * (exponenciación)
• Operadores de asignación⁚ = (asignación), += (suma y asignación), -= (resta y asignación), = (multiplicación y asignación), /= (división y asignación), %= (módulo y asignación), **= (exponenciación y asignación)
• Operadores de comparación⁚ == (igual a), != (distinto de), === (estrictamente igual a), !== (estrictamente distinto de), > (mayor que), < (menor que), >= (mayor o igual que), <= (menor o igual que)
• Operadores lógicos⁚ && (y lógico), || (o lógico), ! (no lógico)
• Operadores bit a bit⁚ & (y bit a bit), | (o bit a bit), ^ (xor bit a bit), ~ (complemento bit a bit), << (desplazamiento a la izquierda), >> (desplazamiento a la derecha), >>> (desplazamiento a la derecha sin signo)
• Operador condicional⁚ ? ⁚ (operador ternario)

Expresiones en JavaScript

Las expresiones son combinaciones de operadores, variables y valores que se evalúan para producir un valor. Por ejemplo, la siguiente expresión suma los valores 10 y 20 y produce el valor 30⁚

javascript 10 + 20

Las expresiones se pueden utilizar en declaraciones para asignar valores a variables, controlar el flujo del programa y realizar otras operaciones.

Control de flujo en JavaScript

El control de flujo determina el orden en que se ejecutan las declaraciones de JavaScript. JavaScript proporciona varias estructuras de control de flujo, incluyendo⁚

• Declaraciones condicionales⁚ if, else, else if
• Bucles⁚ for, while, do...while
• Interrupciones de bucle⁚ break, continue

Declaraciones condicionales

Las declaraciones condicionales se utilizan para ejecutar código basado en una condición. La declaración if ejecuta un bloque de código si la condición es verdadera. La declaración else ejecuta un bloque de código si la condición es falsa. La declaración else if se utiliza para comprobar condiciones adicionales si la condición inicial es falsa. Por ejemplo, la siguiente declaración condicional comprueba si la variable edad es mayor que 18 y muestra un mensaje apropiado⁚

javascript let edad = 20; if (edad > 18) { console.log(“Eres mayor de edad.”); } else { console.log(“Eres menor de edad.”); }

Bucles

Los bucles se utilizan para ejecutar un bloque de código repetidamente hasta que se cumple una condición. La declaración for ejecuta un bloque de código un número determinado de veces. La declaración while ejecuta un bloque de código mientras una condición es verdadera. La declaración do...while ejecuta un bloque de código al menos una vez y luego continúa ejecutándolo mientras una condición es verdadera. Por ejemplo, la siguiente declaración for imprime los números del 1 al 10⁚

javascript for (let i = 1; i <= 10; i++) { console.log(i); }

La siguiente declaración while imprime los números del 1 al 10⁚

javascript let i = 1; while (i <= 10) { console.log(i); i++; }

Funciones en JavaScript

Las funciones son bloques de código reutilizables que realizan una tarea específica. Se declaran utilizando la palabra clave function, seguida del nombre de la función, los parámetros (si los hay) entre paréntesis y el cuerpo de la función entre llaves. Por ejemplo, la siguiente función calcula el área de un círculo⁚

javascript function areaCirculo(radio) { return Math.PI * radio ** 2; }

Las funciones se pueden llamar utilizando su nombre seguido de paréntesis. Por ejemplo, la siguiente declaración llama a la función areaCirculo con un radio de 5 y almacena el resultado en la variable area⁚

javascript let area = areaCirculo(5);

Tipos de datos en JavaScript

JavaScript admite varios tipos de datos, incluyendo⁚

• Números⁚ 10, 3.14159, -5
• Cadenas⁚ "Hola mundo", 'JavaScript'
• Booleanos⁚ true, false
• Objetos⁚ { nombre⁚ "Juan", edad⁚ 20 }
• Arreglos⁚ [1, 2, 3], ["manzana", "plátano", "uva"]
• Funciones⁚ function suma(a, b) { return a + b; }
• Nulos⁚ null
• Indefinidos⁚ undefined
• Símbolos⁚ Symbol("mi símbolo")

Conclusión

Estos son los conceptos básicos de las declaraciones de JavaScript. Entender estos conceptos es esencial para escribir código JavaScript efectivo. Hay muchos otros conceptos y características de JavaScript que se pueden explorar, pero estos son los fundamentos que te ayudarán a empezar.