Funzioni

Molto spesso abbiamo bisogno di eseguire un’azione simile in molti punti dello script.

Ad esempio, dobbiamo mostrare un messaggio di bell’aspetto quando un visitatore accede, si disconnette e forse da qualche altra parte.

Le funzioni sono i principali “elementi costitutivi” del programma. Permettono al codice di essere chiamato molte volte senza ripetizione.

Abbiamo già visto esempi di funzioni integrate, come alert(message), prompt(message, default) e confirm(question). Ma possiamo anche creare funzioni nostre.,

Dichiarazione di funzione

Per creare una funzione possiamo usare una dichiarazione di funzione.

assomiglia a questo:

function showMessage() { alert( 'Hello everyone!' );}

function parola chiave va in primo luogo, va, poi, il nome della funzione, quindi un elenco di parametri tra parentesi (separati da virgola, vuoto nell’esempio di cui sopra) e infine, il codice della funzione, denominata anche “la funzione del corpo”, tra parentesi graffe.,

function name(parameters) { ...body...}

La nostra nuova funzione può essere chiamata con il suo nome: showMessage().

Per esempio:

function showMessage() { alert( 'Hello everyone!' );}showMessage();showMessage();

call showMessage() esegue il codice della funzione. Qui vedremo il messaggio due volte.

Questo esempio dimostra chiaramente uno degli scopi principali delle funzioni: evitare la duplicazione del codice.,

Se mai abbiamo bisogno di cambiare il messaggio o il modo in cui viene mostrato, è sufficiente modificare il codice in un unico punto: la funzione che lo emette.

Variabili locali

Una variabile dichiarata all’interno di una funzione è visibile solo all’interno di quella funzione.

Per esempio:

le variabili Esterne

Una funzione può accedere a una variabile esterna, come ad esempio:

let userName = 'John';function showMessage() { let message = 'Hello, ' + userName; alert(message);}showMessage(); // Hello, John

La funzione ha pieno accesso alla variabile esterna. Può modificarlo pure.,

Ad esempio:

La variabile esterna viene utilizzata solo se non ce n’è una locale.

Se una variabile con lo stesso nome viene dichiarata all’interno della funzione, allora oscura quella esterna. Ad esempio, nel codice sottostante la funzione utilizza il locale userName. Quello esterno viene ignorato:

Parametri

Possiamo passare dati arbitrari alle funzioni usando parametri (chiamati anche argomenti di funzione) .

Nell’esempio seguente, la funzione ha due parametri: frome text.,

Quando la funzione viene chiamata nelle righe (*) e (**), i valori indicati vengono copiati in variabili locali from e text. Quindi la funzione li usa.

Ecco un altro esempio: abbiamo una variabilefrom e la passiamo alla funzione., Nota: la funzione cambia from, ma la modifica non viene vista all’esterno, perché una funzione ottiene sempre una copia del valore:

Valori predefiniti

Se un parametro non viene fornito, il suo valore diventa undefined.

Ad esempio, la suddetta funzioneshowMessage(from, text) può essere chiamata con un singolo argomento:

showMessage("Ann");

function showMessage(from, text = "no text given") { alert( from + ": " + text );}showMessage("Ann"); // Ann: no text given

function showMessage(text) { if (text === undefined) { text = 'empty message'; } alert(text);}showMessage(); // empty message

// if text parameter is omitted or "" is passed, set it to 'empty'function showMessage(text) { text = text || 'empty'; ...}

function sum(a, b) { return a + b;}let result = sum(1, 2);alert( result ); // 3

function showMovie(age) { if ( !checkAge(age) ) { return; } alert( "Showing you the movie" ); // (*) // ...}

return (some + long + expression + or + whatever * f(a) + f(b))

return; (some + long + expression + or + whatever * f(a) + f(b))

return ( some + long + expression + or + whatever * f(a) + f(b) )

function showPrimes(n) { nextPrime: for (let i = 2; i < n; i++) { for (let j = 2; j < i; j++) { if (i % j == 0) continue nextPrime; } alert( i ); // a prime }}

function name(parameters, delimited, by, comma) { /* code */}