Variables, funciones y sintaxis básica
Clase 2 de 99 • 30 días de JavaScript
Contenido del curso
Las variables son ubicaciones de almacenamiento en la memoria de la computadora que se utilizan para guardar valores que se pueden utilizar más tarde en el programa. En JavaScript, existen 3 formas de declarar variables: var, let y const.
Las variables declaradas con var y let pueden cambiar su valor a lo largo del tiempo, mientras que las variables declaradas con const son constantes y no pueden cambiar su valor una vez asignado.
Y en JavaScript las puedes usar de la siguiente forma:
// Variables que pueden cambiar con el tiempo var edad = 30 let hora = 12 // Constante que no pueden cambiar const nombre = "Platzi"
En el ejemplo anterior declaramos e inicializamos todas las variables ¿Que quiere decir esto?
Básicamente el proceso de declarar una variable es especificar su nombre sin asignarle ningún valor, esto solo se puede hacer con variables (let y var) debido a que const al no poder cambiar su valor, no podremos inicializarla sin declararla al mismo tiempo.
// Declaración var edad let hora
Mientras que el inicializar una variable es el asignarles cualquier valor.
// Declaración var edad let hora // Inicialización edad = 30 hora = 12 // Declaración & inicialización const name = "Platzi"
Como te habrás dado cuenta, en JavaScript, no es necesario declarar explícitamente el tipo de datos de una variable al asignarle un valor. En su lugar, el lenguaje determina el tipo de datos de la variable en tiempo de ejecución basándose en el valor que se le asigna. Esto hace que JavaScript sea un lenguaje débilmente tipado.
Es importante tener cuidado al trabajar con variables débilmente tipadas, ya que pueden traer problemas si no mantienes las variables del tipo que esperas que sean. Por ejemplo, si intentas realizar una operación matemática con una variable que contiene un valor de texto en lugar de un número, obtendrás un error. Por lo tanto, es importante asegurarse de que las variables contengan los valores adecuados para el tipo de operación que se está realizando.
Funciones
Las funciones son una de las características más importantes y poderosas de JavaScript. Una función es un bloque de código que se puede reutilizar en diferentes partes de un programa.
Las funciones se usan para realizar una tarea específica y pueden recibir uno o más argumentos (también conocidos como parámetros dependiendo la situación) y pueden devolver un valor como resultado.
Para declarar una función en JavaScript, se utiliza la palabra clave function, seguida del nombre de la función y una lista de parámetros entre paréntesis. El cuerpo de la función se escribe entre llaves y contiene el código que se ejecutará cuando se llame a la función.
function miFuncion(parametro1, parametro2) { // Código de la función }
Para llamar a una función, simplemente escribes su nombre seguido de paréntesis.
miFuncion(valor1, valor2);
Las funciones también pueden devolver un valor como resultado usando la palabra clave return. El valor devuelto se puede asignar a una variable o utilizar en una expresión.
function suma(a, b) { return a + b; } let resultado = suma(2, 3); console.log(resultado); // Imprime 5
Aunque esta es la forma tradicional que se le conoce como “Function declaration”en JavaScript existen otras 3 formas de hacer uso de funciones.
(function () { console.log("Soy una IIFE"); })();
let saluda = function () { console.log("Hola"); }; saluda();
() =>. Esta función es una forma más concisa de escribir funciones y es útil para funciones de una sola línea.let saluda = () => console.log("Hola"); saluda();
Sintaxis básica
Ya que conoces este par de conceptos de JavaScript es importante que tomes en cuenta los siguientes aspectos para no tener typos en tu código o errores comunes.
Punto y coma ;
El uso de punto y coma es totalmente opcional, a excepción de algunos casos especiales como en ciclos o cuando se quiere separar declaraciones en una misma línea.
Un código así 👇
const saludo = "Hola" const nombre = "Platzi" const saludoCompleto = saludo + " " + nombre console.log(saludoCompleto) // "Hola Platzi"
Hace exactamente lo mismo que el siguiente 👇
const saludo = "Hola"; const nombre = "Platzi"; const saludoCompleto = saludo + " " + nombre; console.log(saludoCompleto); // "Hola Platzi"
Como consejo, si vas a usar el punto y coma desde un inicio trata de mantenerlo en cada linea para que por cuestiones de legibilidad se vea bien.
Corchetes o llaves {}
Las llaves {} se utilizan para encapsular bloques de código, funciones, bucles y otros elementos en JavaScript. También se utilizan para declarar objetos, un tipo de dato que veremos en la siguiente clase.
const carro = { color: "rojo", llantas: 4, marca: "Audi" }
Es importante tener cuidado al trabajar con punto y coma y llaves en JavaScript, ya que el olvido o el uso incorrecto de estos elementos puede llevar a errores en el código.
Todo esto y más lo puedes aprender en el curso Curso Básico de JavaScript