Variables y Buenas Prácticas en JavaScript

Contenido del curso

Introducción a JavaScript

Estructuras de Control y Lógica

Funciones y This

Manipulación de Arrays

Programación Orientada a Objetos

Asincronía en JavaScript

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:23

Variables y Buenas Prácticas en JavaScript

Curso de Fundamentos de JavaScript

Clase 4 de 55

Clase 4 / 55

Recursos

¿Qué son las variables en programación?

Las variables son uno de los conceptos fundamentales en programación y se pueden imaginar como cajas etiquetadas, donde podemos almacenar y recuperar datos según sea necesario. Así como las cajas tienen nombres para identificar su contenido, en programación, las variables también llevan un nombre descriptivo para indicar su propósito.

¿Cómo declarar y asignar variables en JavaScript?

En JavaScript, las variables se declaran utilizando la palabra clave let o const. Aquí un pequeño ejemplo:

let cajaDeAndy = "Woody";
console.log(cajaDeAndy);

En este ejemplo, creamos una variable cajaDeAndy que almacena un texto "Woody". La función console.log se utiliza para mostrar el contenido de la variable en la terminal.

Buenas prácticas al nombrar variables

Para que el código sea comprensible:

Utiliza nombres descriptivos que indiquen el propósito o contenido de la variable.
Evita nombres ambiguos como C, D, o A.
Prefiere nombres largos y descriptivos sobre abreviaciones obscuras.
Usa abreviaciones bien conocidas como URL para "Uniform Resource Locator" o ID para "identificador".

¿Qué es let y qué es const?

let: Se usa para declarar variables que pueden cambiar su valor durante la ejecución del programa.

let contador = 0;
contador = contador + 1;

const: Se usa para declarar variables cuyo valor no cambiará una vez asignado.

const PI = 3.14159;

De esta manera, JavaScript ofrece flexibilidad a la hora de manipular datos, ya sea que necesiten ser constantes o cambiantes.

Errores comunes y recomendaciones adicionales

Coloca las declaraciones de variables al inicio del archivo para mayor claridad.
Usa comentarios para documentar partes críticas del código y evitar confusiones futuras.
Evita usar espacios en nombres de variables, mantén todo en un solo bloque para mejorar la legibilidad del código.

JavaScript también permite omitir los puntos y comas, pero algunos programadores prefieren usarlos por claridad. Cada programador debe elegir un estilo coherente en todo su código.

Al escribir variables, asegúrate de que describan claramente lo que representan y considera tanto al tú del futuro como a otros que puedan leer tu código más adelante. Aplicando estas buenas prácticas, facilitarás el mantenimiento y la comprensión del código. ¡Continúa aprendiendo y explorando más sobre programación!

Andrés Soret Chacin

Hace 2 años

Concepto de Variables en Programación

Las variables en programación se pueden imaginar como cajas que almacenan cosas.
Estas cajas (variables) tienen nombres o etiquetas que nos permiten identificarlas y saber qué contienen.
En JavaScript, se utilizan palabras clave como let para declarar una variable.

Declaración y Asignación de Variables en JavaScript

Declaración: Crear la caja (variable) con un nombre.
Asignación: Almacenar algo en la caja (variable).

Ejemplo en JavaScript

Usamos let para declarar una variable.
Le asignamos un nombre descriptivo para saber qué contiene.
Asignamos un valor a la variable usando el signo igual (=).

let cajaDeAndy = "Woody";
console.log(cajaDeAndy); // Output: Woody

Importancia de Nombres Descriptivos

Los nombres de las variables deben ser descriptivos y evitar ambigüedades.
Correcto: Nombres que describen claramente el contenido.
Incorrecto: Nombres como C, D, A que no describen el contenido.

Ejemplos de Nombres Correctos e Incorrectos

Incorrecto: let C = "Woody"; – No es descriptivo.
Correcto: let cajaDeAndy = "Woody"; – Es descriptivo y claro.

Buenas Prácticas en Nombramiento de Variables

Evitar abreviaciones ambiguas.
Utilizar nombres largos y descriptivos si es necesario.
Las abreviaciones comunes como URL y ID son aceptables porque son entendidas generalmente.

Ejemplos

Correcto: let primerTrasteoDeAndy = "Caja grande";
Correcto: let userID = "12345";

Organización del Código

Declarar variables al inicio del código.
Mantener las variables en orden y una debajo de la otra.

Uso de let y const en JavaScript

let: Para variables que pueden cambiar con el tiempo.
const: Para variables constantes cuyo valor no cambia.

Ejemplo con let y const

let contador = 0; – Variable que puede cambiar.
const PI = 3.14; – Constante que no cambia.

let contador = 0;
contador = contador + 1;

const PI = 3.14;
console.log(PI); // Output: 3.14

Comentarios y Buenas Prácticas

Escribir comentarios para explicar el código y hacerlo más entendible para el "yo del futuro" o para otros programadores.
Evitar nombres de variables no descriptivos y mantener el código organizado y legible.

Ejemplo de Comentarios

// No permitido
let C = "Woody";

// Permitido
let cajaDeAndy = "Woody"; // Variable descriptiva

// Otro ejemplo con abreviación conocida
let userURL = "";
let userID = 12345;

Próximos Pasos

Practica la declaración y asignación de variables en tu editor de código.
Utiliza nombres descriptivos para tus variables.
Experimenta con let y const y observa cómo cambian o permanecen constantes.
Sigue las buenas prácticas para mantener tu código limpio y entendible.

Comentarios (83)83 comentarios

Emilio Ian Camacho Mejía

Andres ELIAS Arroyo Gonzalez

Paul Edwar Muñoz Elivar

Jafeth Jesús Sánchez Sánchez

Jorge Luis Chavarriaga Vargas

Eddy Karina Flores Rivera

Endy Torres

Luis Tapia

Estefanía López Ruíz

Alfonso Neil Jiménez Casallas

Juan Miguel Jimenez

Hace un año

Alessandro Garcia

Miguel Jonathan Madrigal González

William Ruiz

HOHN EDWAR DIAZ

Leonel Alejandro Lugo Padilla

Cristian Bécquer Bernardo Gutierrez

Hace 4 meses

Iyari Muñoz

Hace 7 meses

Emilio Flor

Hace un año•editado

Alejandro Romero Rodriguez

David Alejandro Reyes Sanabria

Adrián Loaiza Carmona

Hace 10 meses

Mireya Lara

Angie Mariana Ramírez Hernández

Mario Nelson Rivas González

Antonieta Figueroa Vera

PEDRO DIAZ VARGAS

Introducción a JavaScript

Fundamentos de JavaScript para Principiantes

Instalación y Configuración de JavaScript en Visual Studio Code

Instalación y configuración de Visual Studio Code y Node.js en Windows

Variables y Buenas Prácticas en JavaScript

Tipos de datos primitivos y complejos en JS

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings

Números y Operaciones Matemáticas en JavaScript

Conversión de Tipos en JavaScript: Implícita y Explícita

Conversión de Tipos en JavaScript: Explícita e Implícita

Estructuras de Control y Lógica

Operadores de Comparación en JavaScript: Igualdad y Desigualdad

Operadores Lógicos en Programación: AND, OR y NOT

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript

Juego de Adivinanza: Programación con Estructuras Condicionales

Cómo funciona switch en JavaScript

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript

Cómo usar for of con arrays en JavaScript

Iteración sobre Objetos con forIn en JavaScript

Uso del ciclo while para iteración en programación

Ciclos doWhile: Estructura y Diferencias con While

Funciones y This

Funciones en JavaScript: Cómo Calcular Precios con Descuentos

Diferencias entre Funciones y Métodos en JavaScript

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos

Arrow functions y lexical binding en JS

Scope chain y contextos en JavaScript

Closures y Ámbito Léxico en JavaScript

Fundamentos del Desarrollo Web: Frontend y Backend

Manipulación de Arrays

Arrays: Propiedades, Acceso y Creación en Programación

Mutabilidad e inmutabilidad en arrays JS

Mutabilidad en arrays con push y pop

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos

Uso del método slice para extraer porciones de un array en JavaScript

Uso del Spread Operator en JavaScript: Copia, Combinación y Más

Programación Orientada a Objetos

Objetos en JavaScript: propiedades y métodos

Creación y Manipulación de Objetos en JavaScript

Función constructora y gestión de instancias en JavaScript

Clases en JavaScript con sintaxis moderna

Herencia y prototipos en JavaScript

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico

Métodos y herencia prototípica en JavaScript

Uso de "this" en Clases y Funciones Constructoras

Validación de Usuarios en una Red Social: Algoritmo Básico

Cómo el return false dentro del for rompe tu login

Asincronía en JavaScript

Programación Síncrona y Asíncrona en JavaScript

Promesas en JavaScript: estados y métodos

Uso de Async/Await para Promesas Asíncronas en JavaScript

Peticiones asíncronas con for await en JavaScript

Fundamentos de HTTP: Cliente-Servidor y Métodos de Petición

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network

Función reutilizable para peticiones fetch

Enviar un POST con Fetch API y formularios

Cómo borrar posts con fetch y delegation pattern

Manejo de IDs en JavaScript para eliminar artículos del DOM

Actualizaciones y Nuevas Funciones en JavaScript

Variables y Buenas Prácticas en JavaScript