Chuck's Academy

JavaScript Básico

Fundamentos de JavaScript

En este capítulo vamos a cubrir los fundamentos esenciales de JavaScript, los cuales te ayudarán a comprender cómo funciona este lenguaje a nivel básico. Aprenderemos sobre la sintaxis del lenguaje, los tipos de datos que puedes manejar, las variables y los operadores que permiten realizar operaciones sobre estos datos.

Sintaxis Básica

JavaScript, al igual que otros lenguajes de programación, tiene su propia sintaxis, o sea, un conjunto de reglas que determinan cómo debe escribirse y estructurarse el código. A continuación, algunos puntos clave de la sintaxis:

  • Cada instrucción de JavaScript termina generalmente con un punto y coma ;, aunque no es estrictamente necesario en muchos casos.
  • Las llaves {} se usan para agrupar bloques de código, por ejemplo en funciones o estructuras de control.
  • Los comentarios de una sola línea comienzan con //, mientras que los comentarios de varias líneas se encierran entre /* y */.
javascript
"Aquí vemos ejemplos de cómo escribir comentarios y declarar una variable usando let. Los comentarios pueden ser de una sola línea con doble barra, o de varias líneas usando barra asterisco. También se muestra cómo asignar el valor cinco a una variable llamada number."

Tipos de Datos y Variables

JavaScript tiene varios tipos de datos que puedes usar para almacenar información. Los tipos de datos más comunes son:

  • String: para texto.
  • Number: para números (enteros y decimales).
  • Boolean: para valores de verdadero o falso.
  • Null: representa la ausencia intencional de un valor.
  • Undefined: una variable declarada pero sin valor asignado.

Declaración de Variables

En JavaScript, las variables pueden declararse utilizando las palabras clave var, let o const. Las diferencias principales son el alcance y si el valor puede cambiar.

javascript
"Aquí declaramos tres variables: una usando let llamada name con el valor John, otra con const llamada pi que tiene el valor tres punto catorce dieciséis, y una más con var llamada age que tiene el valor treinta. Usamos let cuando queremos reasignar un valor, const cuando queremos una variable constante, y var cuando queremos una variable con un alcance mayor."

Asignación de Valores

A una variable se le asigna un valor usando el operador de asignación =. El valor puede ser cualquier tipo de dato, como un número o una cadena de texto.

javascript
"Aquí estamos asignando el valor Hello World a una variable llamada message y el valor noventa y cinco a una variable llamada score. Las variables en JavaScript pueden contener texto, números, o muchos otros tipos de datos."

Operadores

Los operadores permiten realizar operaciones sobre las variables y los valores. En JavaScript, existen varios tipos de operadores:

Operadores Aritméticos

Estos operadores se usan para realizar operaciones matemáticas:

  • + Suma
  • - Resta
  • * Multiplicación
  • / División
javascript
"En este ejemplo, declaramos dos variables llamadas a y b con los valores diez y veinte respectivamente. Luego sumamos estas dos variables y almacenamos el resultado en una nueva variable llamada sum, que tiene el valor de treinta. También restamos a de b y almacenamos el resultado en difference, que es igual a diez."

Operadores de Comparación

Los operadores de comparación te permiten comparar dos valores. Devuelven true o false dependiendo de si la condición es verdadera.

  • == Igualdad
  • === Igualdad estricta (verifica tipo de dato y valor)
  • != Desigualdad
  • <, >, <=, >= Comparaciones numéricas
javascript
"Aquí tenemos dos variables, x con el valor diez y y con el valor diez pero como una cadena de texto. Usando el operador doble igual verificamos que los valores sean iguales, por lo tanto devuelve true. Sin embargo, el triple igual verifica tanto el valor como el tipo de dato, por lo que devuelve false porque uno es número y el otro es texto."

Funciones

Una función en JavaScript es un bloque de código diseñado para realizar una tarea específica. Puedes definir tus propias funciones usando la palabra clave function, seguida del nombre de la función y los paréntesis ().

javascript
"Aquí hemos definido una función llamada greet que simplemente imprime el mensaje Hello World en la consola. Luego llamamos a la función usando greet con paréntesis."

También puedes crear funciones que acepten parámetros y devuelvan un valor:

javascript
"Esta función llamada sum toma dos parámetros, a y b, y devuelve la suma de estos. Llamamos a la función con los valores cinco y diez, y almacenamos el resultado en una variable llamada result, que tiene el valor de quince."

Conclusión

En este capítulo, hemos cubierto los conceptos fundamentales de JavaScript, desde su sintaxis básica hasta el uso de variables, tipos de datos, operadores y funciones. Estos son los pilares sobre los cuales se construirá tu conocimiento en JavaScript.


Pregúntame lo que sea