Les funcions són blocs de codi reutilitzables que permeten estructurar millor els programes, millorar la llegibilitat i evitar la duplicació de codi. En aquesta secció, aprendrem com definir i cridar funcions en JavaScript.

Per definir una funció en JavaScript, utilitzem la paraula clau function seguida del nom de la funció, parèntesis i un bloc de codi entre claus:

En aquest exemple, hem definit una funció anomenada saludar que imprimeix "Hola, món!" a la consola.

Per cridar una funció, simplement escrivim el nom de la funció seguit de parèntesis:

Les funcions poden acceptar paràmetres, que són valors que es passen a la funció quan es crida. Aquests paràmetres es defineixen dins dels parèntesis de la definició de la funció.

En aquest exemple, la funció saludarNom accepta un paràmetre nom i imprimeix un missatge personalitzat.

Les funcions poden retornar un valor utilitzant la paraula clau return. Quan una funció retorna un valor, podem emmagatzemar aquest valor en una variable o utilitzar-lo directament.

En aquest exemple, la funció sumar accepta dos paràmetres a i b, i retorna la seva suma. El valor retornat es guarda a la variable resultat.

Defineix una funció anomenada salutacioPersonalitzada que accepti dos paràmetres: nom i edat. La funció ha d'imprimir un missatge que digui "Hola, [nom]! Tens [edat] anys."

Solució

Defineix una funció anomenada multiplicar que accepti dos paràmetres x i y, i retorni el seu producte.

Solució

1. Oblidar els Parèntesis en la Crida de la Funció: Recorda sempre incloure els parèntesis quan cridis una funció, fins i tot si no té paràmetres.

   saludar; // Incorrecte
   saludar(); // Correcte
   

2. No Retornar un Valor: Si la teva funció ha de retornar un valor, assegura't d'utilitzar la paraula clau return.

   function sumar(a, b) {
       a + b; // Incorrecte
   }
   
   function sumarCorrecte(a, b) {
       return a + b; // Correcte
   }
   

3. Paràmetres No Definits: Assegura't de passar els arguments necessaris quan cridis una funció que requereixi paràmetres.

   saludarNom(); // Incorrecte, falta el paràmetre 'nom'
   saludarNom("Anna"); // Correcte
   

En aquesta secció, hem après com definir i cridar funcions en JavaScript, com passar paràmetres a les funcions i com retornar valors des de les funcions. Les funcions són una eina fonamental per estructurar i reutilitzar el codi de manera eficient. En la següent secció, explorarem les expressions de funció i les funcions fletxa, que ofereixen maneres més concises de definir funcions.