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:
var edad = 30
let hora = 12
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.
var edad
let hora
Mientras que el inicializar una variable es el asignarles cualquier valor.
var edad
let hora
edad = 30
hora = 12
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) {
}
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);
Aunque esta es la forma tradicional que se le conoce como “Function declaration”en JavaScript existen otras 3 formas de hacer uso de funciones.
- IIFE (Immediately Invoked Function Expression): una función que se autoejecuta inmediatamente después de ser definida. Esta función es anónima y no se puede reutilizar.
(function () {
console.log("Soy una IIFE");
})();
- Función expresión: una función que se define como una expresión y puede ser asignada a una variable. Esta función también puede ser llamada y reutilizada.
let saluda = function () {
console.log("Hola");
};
saluda();
- Arrow function: una función que se define utilizando la sintaxis
() =>
. 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)
Hace exactamente lo mismo que el siguiente 👇
const saludo = "Hola";
const nombre = "Platzi";
const saludoCompleto = saludo + " " + nombre;
console.log(saludoCompleto);
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?