Hoy estudié conceptos básicos y esenciales de JavaScript y los resumo en este artículo para afianzar lo aprendido y compartir buenas prácticas.
Variantes de variables y buenas prácticas
var tiene alcance de función y puede producir hoisting, por eso no se recomienda en código moderno. let tiene alcance de bloque y permite reasignación, por lo que es más seguro que var. const tiene alcance de bloque y no permite reasignar la variable, aunque los objetos y arrays referenciados por const pueden mutar sus propiedades. Recomendación práctica usar const por defecto y usar let solo cuando necesites reasignar, evitar var.
Plantillas literales
Las plantillas literales permiten interpolar variables, escribir strings multilínea y evaluar expresiones dentro de la cadena. Ejemplo conceptual de uso de variables y salida en consola span const nombre = Mariana; console.log Hola, ${nombre} span
Desestructuración de objetos y arrays
La desestructuración permite extraer valores de objetos y arrays en variables independientes de forma clara. Ejemplo con objeto span const persona = { nombre: Mariana, edad: 26 }; const { nombre, edad } = persona; span Ejemplo con array span const numeros = [1, 2, 3]; const [uno, dos, tres] = numeros; span
Operadores Rest y Spread
Rest agrupa argumentos o el resto de propiedades en un array o en un objeto. Ejemplo de función con Rest span function suma(...nums) { return nums.reduce((acc, n) => acc + n, 0); } span Spread permite expandir elementos de un array o propiedades de un objeto para crear nuevos arrays u objetos sin mutar los originales. Ejemplos span const arr1 = [1, 2]; const arr2 = [...arr1, 3, 4]; const obj1 = { a: 1 }; const obj2 = { ...obj1, b: 2 }; span
Ejercicios para practicar
1- Crear un objeto y extraer propiedades mediante desestructuración. 2- Crear una función que reciba n argumentos y retorne la suma usando Rest. 3- Dado el objeto usuario extraer las variables nombre y email mediante desestructuración span const usuario = { nombre: Carlos, email: carlos@email.com, edad: 35 }; span 4- Dado el array numeros obtener el primer y el tercer elemento en variables separadas span const numeros = [10, 20, 30, 40, 50]; span 5- Crear una función que reciba cualquier cantidad de números usando Rest y retorne un nuevo array que contenga esos números más los números 100, 200, 300 usando Spread.
Fundamentos y sintaxis moderna resumidos
En resumen dominar let y const, usar plantillas literales para mayor legibilidad, aplicar desestructuración para código más limpio y emplear Rest y Spread para manipular datos de forma funcional son fundamentos clave de la sintaxis moderna de JavaScript.
Sobre Q2BSTUDIO y servicios
Q2BSTUDIO es una empresa de desarrollo de software y aplicaciones a medida especializada en soluciones modernas para empresas. Ofrecemos software a medida, aplicaciones a medida y servicios de inteligencia artificial adaptados a necesidades reales. Contamos con experiencia en ciberseguridad para proteger infraestructuras y datos sensibles y ofrecemos servicios cloud aws y azure para desplegar aplicaciones escalables y seguras. Además desarrollamos servicios inteligencia de negocio e implementaciones de power bi para transformar datos en decisiones, y ofrecemos soluciones de ia para empresas, agentes ia y proyectos personalizados de inteligencia artificial integrados con arquitecturas cloud.
Por qué elegirnos
Elegir Q2BSTUDIO significa trabajar con un equipo que integra desarrollo de software a medida y aplicaciones a medida con experiencia en inteligencia artificial y ciberseguridad, garantizando soluciones seguras, escalables y enfocadas en resultados. Trabajamos con servicios cloud aws y azure, implementamos servicios inteligencia de negocio y ofrecemos consultoría en ia para empresas y agentes ia para automatización avanzada.
Si quieres reforzar habilidades de JavaScript o necesitas un proveedor para crear software a medida, aplicaciones a medida, proyectos de inteligencia artificial, ciberseguridad o integración con servicios cloud aws y azure, contacta a Q2BSTUDIO para una consultoría alineada a tus objetivos.
.jpg)
