El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia

HOME

En esta sección, aprenderás los fundamentos de la sintaxis de JavaScript y algunos conceptos básicos que son esenciales para escribir y entender código en este lenguaje. Vamos a cubrir los siguientes temas:

Comentarios
Declaraciones
Identificadores
Tipos de Datos Básicos
Operadores Básicos
Estructura de un Programa JavaScript

Comentarios

Los comentarios son líneas de texto que no se ejecutan como código. Se utilizan para explicar el código y hacer que sea más fácil de entender. En JavaScript, hay dos tipos de comentarios:

Comentarios de una sola línea: Se inician con //.

// Este es un comentario de una sola línea

Comentarios de múltiples líneas: Se encierran entre /* y */.

/*
Este es un comentario
de múltiples líneas
*/

Declaraciones

Una declaración es una instrucción que realiza una acción. Las declaraciones en JavaScript generalmente terminan con un punto y coma ;, aunque no es obligatorio, es una buena práctica para evitar errores.

let x = 5; // Declaración de una variable
console.log(x); // Declaración de una función

Identificadores

Los identificadores son nombres que se utilizan para identificar variables, funciones y otros elementos en el código. Las reglas para los identificadores son:

Deben comenzar con una letra, un guion bajo _ o un signo de dólar $.
Pueden contener letras, números, guiones bajos y signos de dólar.
Son sensibles a mayúsculas y minúsculas (myVariable y myvariable son diferentes).

let myVariable = 10;
let _anotherVariable = 20;
let $dollarSign = 30;

Tipos de Datos Básicos

JavaScript tiene varios tipos de datos básicos:

Números: Representan valores numéricos.

let age = 25;
let price = 19.99;

Cadenas de texto (Strings): Representan texto y se encierran entre comillas simples ', comillas dobles " o backticks `.

let name = "John";
let greeting = 'Hello, World!';
let templateString = `Hello, ${name}!`;

Booleanos: Representan valores de verdad (true o false).

let isStudent = true;
let hasGraduated = false;

Nulos (Null): Representan la ausencia intencional de un valor.

let emptyValue = null;

Indefinidos (Undefined): Representan una variable que ha sido declarada pero no inicializada.

let notAssigned;
console.log(notAssigned); // undefined

Símbolos (Symbols): Representan valores únicos e inmutables.

let uniqueId = Symbol('id');

Operadores Básicos

Los operadores se utilizan para realizar operaciones sobre variables y valores. Algunos operadores básicos incluyen:

Asignación: =

let x = 10;

Aritméticos: +, -, *, /, %

let sum = 10 + 5; // 15
let difference = 10 - 5; // 5
let product = 10 * 5; // 50
let quotient = 10 / 5; // 2
let remainder = 10 % 3; // 1

Comparación: ==, ===, !=, !==, >, <, >=, <=

let isEqual = (10 == '10'); // true
let isStrictEqual = (10 === '10'); // false
let isNotEqual = (10 != '10'); // false
let isStrictNotEqual = (10 !== '10'); // true
let isGreater = (10 > 5); // true
let isLess = (10 < 5); // false
let isGreaterOrEqual = (10 >= 10); // true
let isLessOrEqual = (10 <= 5); // false

Lógicos: &&, ||, !

let andOperator = (true && false); // false
let orOperator = (true || false); // true
let notOperator = (!true); // false

Estructura de un Programa JavaScript

Un programa en JavaScript puede estar compuesto por múltiples declaraciones y expresiones. Aquí hay un ejemplo simple que combina varios de los conceptos mencionados:

// Declaración de variables
let name = "Alice";
let age = 30;
let isStudent = true;

// Uso de operadores aritméticos
let nextYearAge = age + 1;

// Uso de operadores de comparación
let isAdult = age >= 18;

// Uso de operadores lógicos
let canEnroll = isAdult && isStudent;

// Salida de datos
console.log(`Name: ${name}`);
console.log(`Age: ${age}`);
console.log(`Is student: ${isStudent}`);
console.log(`Next year age: ${nextYearAge}`);
console.log(`Is adult: ${isAdult}`);
console.log(`Can enroll: ${canEnroll}`);

Ejercicio Práctico

Ejercicio 1:

Escribe un programa en JavaScript que declare las siguientes variables y realice las operaciones indicadas:

Declara una variable a con el valor 10 y una variable b con el valor 20.
Calcula la suma de a y b y almacénala en una variable sum.
Calcula la diferencia entre a y b y almacénala en una variable difference.
Calcula el producto de a y b y almacénalo en una variable product.
Calcula el cociente de a y b y almacénalo en una variable quotient.
Imprime los resultados en la consola.

Solución:

// Declaración de variables
let a = 10;
let b = 20;

// Operaciones aritméticas
let sum = a + b;
let difference = a - b;
let product = a * b;
let quotient = a / b;

// Salida de datos
console.log(`Sum: ${sum}`); // Sum: 30
console.log(`Difference: ${difference}`); // Difference: -10
console.log(`Product: ${product}`); // Product: 200
console.log(`Quotient: ${quotient}`); // Quotient: 0.5

Conclusión

En esta sección, hemos cubierto los conceptos básicos de la sintaxis de JavaScript, incluyendo comentarios, declaraciones, identificadores, tipos de datos básicos y operadores. También hemos visto cómo estructurar un programa simple en JavaScript. Estos fundamentos son esenciales para avanzar en el aprendizaje de JavaScript y te preparan para los temas más avanzados que vendrán en los siguientes módulos.

Sintaxis y Conceptos Básicos de JavaScript

Comentarios

Declaraciones

Identificadores

Tipos de Datos Básicos

Operadores Básicos

Estructura de un Programa JavaScript

Ejercicio Práctico

Conclusión

JavaScript: De Principiante a Avanzado

Módulo 1: Introducción a JavaScript

Módulo 2: Estructuras de Control

Módulo 3: Funciones

Módulo 4: Objetos y Arrays

Módulo 5: Objetos y Funciones Avanzadas

Módulo 6: El Modelo de Objetos del Documento (DOM)

Módulo 7: APIs del Navegador y Temas Avanzados

Módulo 8: Pruebas y Depuración

Módulo 9: Rendimiento y Optimización

Módulo 10: Frameworks y Librerías de JavaScript

Módulo 11: Proyecto Final