I bravi programmatori cercano di riutilizzare il codice ogni volta che ne hanno la possibilità.

Questo perché chiaramente non è comodo riscrivere sempre lo stesso codice.

Quando ci troviamo in effetti a fare copia e incolla, ci rendiamo conto che forse c' è qualcosa che potremmo fare un pochettino meglio.

Questo chiaramente ci permette di tenere il codice più pulito e ci permette di evitare errori.

Quindi, se noi avessimo ad esempio il codice duplicato in più parti della nostra pagina, potrebbe succedere che a un certo punto ci accorgiamo di un errore.

Lo modifichiamo in un punto e ci modifica.

Ci dimentichiamo di modificare anche gli altri punti, quindi è per questo che spesso si utilizzano le funzioni.

Che cosa sono le funzioni nel concreto? Sono dei pezzi di codice, quindi delle istruzioni che noi possiamo isolare rispetto al resto delle istruzioni della pagina e richiamarle piu' volte nel nostro codice.

Qual è la sintassi di una funzione? Per dichiarare una funzione utilizziamo la keyword function, poi inseriamo il nome della funzione.

Questo è un nome che decidiamo noi sempre utilizzando le stesse buone regole delle variabili, quindi utilizzando solamente lettere e numeri senza utilizzare simboli speciali.

E se vogliamo rendere la nostra funzione piu' parlante e quindi darle un nome composto da più parole.

Possiamo concatenare le parole utilizzando il mercato, quindi ogni parola comincia con la maiuscola all'interno della funzione.

Quindi all'interno delle parentesi graffe.

Andiamo a inserire il codice che vogliamo eseguire, quindi l'insieme di istruzioni da eseguire ogni volta che questa funzione viene invocata.

Ok, abbiamo capito come scrivere una funzione.

Quindi qual è la sintassi per dichiarare una funzione? Che cosa possiamo inserire come blocchi di istruzione all'interno delle nostre funzioni? In realtà possiamo scrivere qualunque tipo di istruzione, quindi qualsiasi tipo di codice che vogliamo eseguire.

In questo esempio, abbiamo una funzione che riceve in input due numeri.

Quindi questi dati Queste variabili che vediamo all'interno di queste parentesi tonde sono due variabili che vengono valorizzate con i dati che vengono forniti in input alla funzione.

Quindi non una e non due.

Saranno due numeri che vengono forniti alla funzione quando questa vuole essere utilizzata.

Quindi l'istruzione che viene eseguita all'interno della funzione è la stampa del risultato della somma.

Quindi viene fatto non uno piu' non due viene calcolato.

Il risultato é questo risultato viene poi stampato in console.

Questa chiaramente amplia questo concetto dei parametri che vengono passati alla funzione amplia a dismisura la potenzialità delle funzioni.

Quindi chiaramente queste funzioni possono servire per ricevere dei dati in ingresso, fare dei calcoli, fare delle valutazioni delle considerazioni per verificare se determinate condizioni sono vere oppure false.

Quindi le potenzialità delle funzioni sono infinite.

Chiaramente le nostre funzioni all a eseguire delle operazioni devono anche restituire un risultato, quindi è importante che questo risultato, ad esempio la somma che abbiamo visto nell'esempio di prima venga poi effettivamente restituito.

Perché se noi facciamo una stampa in console il risultato della somma lo vediamo stampato.

Però poi non abbiamo effettivamente il risultato finale per poterlo rielaborare, per stampare, per stamparlo in pagina o per fare altri eventuali calcoli.

Quindi se vogliamo utilizzare una funzione per eseguire delle operazioni e vogliamo che poi queste operazioni il risultato di queste operazioni venga restituito alla l'invocazione della funzione, utilizziamo la keyword return.

Quindi tramite l'istruzione return stiamo restituendo al chiamante, quindi al pezzo di codice che ha eseguito la funzione.

Il risultato quindi il risultato dell'elaborazione della funzione, quindi in questo caso prendendo sempre l'esempio di prima con due numeri che vengono passati come parametri in input eseguiamo la somma e salviamo il risultato della somma in una variabile.

Questa variabile viene poi restituita all'esterno della funzione.

Quindi in questo modo noi questa somma anziché stamparla in console che quindi la vedremo solo noi sviluppatori, la restituiamo all'istruzione che ha invocato la funzione, quindi a quella che ha chiesto l'esecuzione di questa operazione.

Ok, ma quindi come si fa a invocare una funzione? Come come si richiede l'esecuzione di una funzione per eseguire una funzione per invocare una funzione utilizziamo il suo nome, il nome seguito dalle parentesi.

Se la nostra funzione si aspetta dei parametri passati input passiamo il valore di questi parametri sempre all'interno delle parentesi tonde.

Vediamo un esempio riprendiamo il nostro file scritto J S.

L'abbiamo ripulito e ora facciamo un esempio con una funzione abbiamo visto che per dichiarare una funzione utilizziamo la keyword function.

Inseriamo il nome della funzione, ad esempio saluto aperta, chiusa, parentesi tonda é aperta.

Parentesi graffa.

Ora anche qui ci sono sempre le diatribe tra i programmatori ciechi.

Apre la parentesi graffa in linea ciechi.

La apre a capo ancora una volta non ha una reale importanza, quindi non fa differenza.

L'importante è che siate sempre coerenti quindi se aprite la parentesi graffa in linea con il nome della funzione, fatelo sempre così la parentesi graffa deve essere sempre e comunque chiusa a capo.

Le istruzioni che vogliamo inserire all'interno della funzione le inseriamo con un con uno in dent azione, quindi con un tablet, in modo che si capisca che quel quelle istruzioni sono racchiuse all'interno della funzione.

Quindi se ora ad esempio inseriamo un console log, allora che cosa otteniamo? Otteniamo che questa funzione è una semplice funzione di saluto stamperà in console la stringa e lo ma eseguendo il codice in questo modo.

Quindi aggiornando la pagina.

In realtà in console non vediamo nulla.

Perché? Perché in questo momento la funzione è solamente dichiarata.

Nessuno sta invocando la funzione.

Quindi, fintanto che non non invochiamo la funzione, questo codice al suo interno non viene eseguito.

Abbiamo visto che per invocare la funzione dobbiamo utilizzare il suo nome seguito dalle parentesi tonde.

Quindi quando vogliamo creare una funzione, definire una funzione, utilizziamo la keyword function quando invece vogliamo utilizzarla.

Quindi vogliamo eseguire il suo codice.

La richiamiamo solamente con il suo nome.

Ora si aggiorna una pagina.

Troviamo in effetti la stampa e lo in console abbiamo visto che possiamo definire delle funzioni anche con dei parametri.

Quindi, ad esempio, creiamo una seconda funzione, insomma, che riceve come come parametri numero uno e numero due due numeri.

Queste sono solamente due variabili, quindi sono i nomi.

Queste sono solamente due variabili, quindi sono i nomi delle scatole delle etichette che noi vogliamo dare a questi valori.

Questi valori poi verranno passati quando vogliamo effettivamente eseguire la funzione.

Ora, noi dobbiamo focalizzarci sulla logica, sul comportamento della funzione, senza pensare a quali saranno effettivamente questi numeri da sommare.

Noi dobbiamo solo spiegare al computer quali operazioni deve eseguire per effettuare la somma senza focalizzarci su dei numeri in particolare, quindi, creiamo una variabile in cui memorizzare il risultato della somma consta risultato uguale numero uno più numero due.

Quindi questa operazione che il nostro computer deve eseguire questo risultato.

Ora dobbiamo decidere che cosa farne.

Quindi, ad esempio, possiamo stamparlo in console.

Il risultato e provare a vedere se effettivamente il nostro computer sta eseguendo la somma richiesta ancora una volta.

Per eseguire le istruzioni di questa funzione dobbiamo andare a invocarla, quindi a richiamarla.

Utilizziamo sempre il nome della funzione e passiamo il valore che vogliamo assegnare ai parametri quindi effettivamente i numeri che vogliamo sommare.

Quindi, ad esempio due e tre separiamo i parametri con la virgola in modo che il numero due valga a valorizzare il parametro numero uno e il tre valga vada a valorizzare il parametro numero due.

Quindi che cosa ci aspettiamo che succeda? Che nel momento in cui il nostro codice raggiunge nel momento in cui il browser raggiunge la riga dodici, quindi va ad eseguire questa istruzione, richiama la funzione definita appena sopra passando passando numero uno e numero due con i valori due e tre.

Quindi calcolerà il risultato facendo due piu' tre.

Quindi sappiamo che il risultato sarà cinque e dovremmo trovare in console la stampa del numero cinque.

Aggiorniamo la pagina e in effetti troviamo il valore cinque.

Chiaramente la somma funzionerà con qualsiasi numero.

Noi vogliamo passare, quindi se passiamo ad esempio dieci ventisei otteniamo il risultato.

Come abbiamo detto, però, stampare un risultato in console è poco utile perché noi che siamo sviluppatori abbiamo la consola aperta.

Ma chiaramente gli utenti non sanno nemmeno l'esistenza di questi strumenti per sviluppatori.

Quindi la cosa migliore da fare è restituire il risultato in modo che poi chi invoca la funzione, quindi il pezzo di codice che vuole eseguire quella funzione e quindi ottenere quel risultato, decida che cosa farne.

Quindi se stamparlo in pagina se utilizzarlo per fare altri calcoli o comunicarlo all'utente in altro modo.

Quindi abbiamo visto che per restituire il risultato utilizziamo la keyword Turner.

Dopodiché scriviamo il nome della variabile che vogliamo restituire.

Quindi il valore chiaramente della variabile in questo caso sarà il risultato della somma.

Quindi noi abbiamo visto che in console compare il trentasei.

Ora commentiamo la stampa del console blog e creiamo una variabile in cui andare a salvare il risultato dell'elaborazione di questa funzione quindi consta risultato somma, ad esempio uguale senza spazio.

Chiaramente il risultato somma uguale e sempre l'invocazione della funzione.

Quindi in questo caso che cosa sta succedendo? Stiamo andando ad invocare la funzione passando questi parametri, e il risultato che viene restituito verrà automaticamente inserito all'interno di questa variabile.

Quindi ora che cosa possiamo fare? Possiamo andare a salvare, a stampare proprio questa variabile risultato somma.

Aggiorniamo la pagina e troviamo proprio stampato il numero Trentasei.

Questo chiaramente è lo stesso risultato di prima.

Però, se avessimo provato a stampare solamente la variabile, risultato che è quella che abbiamo definito all'interno della funzione all'esterno della funzione.

Non potremo accedervi, quindi otterremmo in console un messaggio d'errore.

Che cosa ci sta dicendo? Ci sta dicendo che la variabile risultato non è definita perché questa variabile? Il risultato è dichiarata e definita all'interno della nostra funzione.

Quindi all'esterno della funzione non possiamo accedere a quella variabile.

Questo è il motivo per cui facciamo return e salviamo il risultato all'interno di una seconda variabile.

Quindi, andando nuovamente a stampare il risultato somma, troviamo esattamente il numero trentasei.