Avui vaig estudiar conceptes bàsics i essencials de JavaScript i els resumeixo en aquest article per consolidar el que he après i compartir bones pràctiques.
Variants de variables i bones pràctiques
var té abast de funció i pot produir hoisting, per això no es recomana en codi modern. let té abast de bloc i permet reassignació, per la qual cosa és més segur que var. const té abast de bloc i no permet reassignar la variable, encara que els objectes i arrays referenciats per const poden mutar les seves propietats. Recomanació pràctica: utilitzar const per defecte i utilitzar let només quan necessitis reassignar, evitar var.
Plantilles literals
Les plantilles literals permeten interpolar variables, escriure strings multilínia i avaluar expressions dins de la cadena. Exemple conceptual d'ús de variables i sortida en consola span const nombre = Mariana; console.log Hola, ${nombre} span
Desestructuració d'objectes i arrays
La desestructuració permet extreure valors d'objectes i arrays en variables independents de manera clara. Exemple amb objecte span const persona = { nombre: Mariana, edad: 26 }; const { nombre, edad } = persona; span Exemple amb array span const numeros = [1, 2, 3]; const [uno, dos, tres] = numeros; span
Operadors Rest i Spread
Rest agrupa arguments o la resta de propietats en un array o en un objecte. Exemple de funció amb Rest span function suma(...nums) { return nums.reduce((acc, n) => acc + n, 0); } span Spread permet expandir elements d'un array o propietats d'un objecte per crear nous arrays o objectes sense mutar els originals. Exemples span const arr1 = [1, 2]; const arr2 = [...arr1, 3, 4]; const obj1 = { a: 1 }; const obj2 = { ...obj1, b: 2 }; span
Exercicis per practicar
1- Crear un objecte i extreure propietats mitjançant desestructuració. 2- Crear una funció que rebi n arguments i retorni la suma usant Rest. 3- Donat l'objecte usuari extreure les variables nom i email mitjançant desestructuració span const usuario = { nombre: Carlos, email: carlos@email.com, edad: 35 }; span 4- Donat l'array numeros obtenir el primer i el tercer element en variables separades span const numeros = [10, 20, 30, 40, 50]; span 5- Crear una funció que rebi qualsevol quantitat de números usant Rest i retorni un nou array que contingui aquests números més els números 100, 200, 300 usant Spread.
Fonaments i sintaxi moderna resumits
En resum, dominar let i const, utilitzar plantilles literals per a més llegibilitat, aplicar desestructuració per a codi més net i emprar Rest i Spread per manipular dades de manera funcional són fonaments clau de la sintaxi moderna de JavaScript.
Sobre Q2BSTUDIO i serveis
Q2BSTUDIO és una empresa de desenvolupament de programari i aplicacions a mida especialitzada en solucions modernes per a empreses. Oferim programari a mida, aplicacions a mida i serveis d'intel·ligència artificial adaptats a necessitats reals. Comptem amb experiència en ciberseguretat per protegir infraestructures i dades sensibles i oferim serveis cloud aws i azure per desplegar aplicacions escalables i segures. A més, desenvolupem serveis d'intel·ligència de negoci i implementacions de power bi per transformar dades en decisions, i oferim solucions d'ia per a empreses, agents ia i projectes personalitzats d'intel·ligència artificial integrats amb arquitectures cloud.
Per què triar-nos
Triar Q2BSTUDIO significa treballar amb un equip que integra desenvolupament de programari a mida i aplicacions a mida amb experiència en intel·ligència artificial i ciberseguretat, garantint solucions segures, escalables i enfocades a resultats. Treballem amb serveis cloud aws i azure, implementem serveis d'intel·ligència de negoci i oferim consultoria en ia per a empreses i agents ia per a automatització avançada.
Si vols reforçar habilitats de JavaScript o necessites un proveïdor per crear programari a mida, aplicacions a mida, projectes d'intel·ligència artificial, ciberseguretat o integració amb serveis cloud aws i azure, contacta amb Q2BSTUDIO per a una consultoria alineada amb els teus objectius.
