Funzione javascript
Nei casi in cui si debba eseguire più volte una medesima routine
di istruzioni le strade sono due: riscrivere la medesima routine ogni qualvolta
necessiti, oppure utilizzare una "funzione" e richiamarla di volta
in volta.
La funzione è una routine di istruzioni dichiarata
in una pagina web, generalmente nella sezione <HEAD> per essere certi
che ciò avvenga prima di qualsiasi altra operazione. Una volta dichiarata,
la funzione potrà essere richiamata in vari punti della pagina web
senza dover scrivere lo stesso codice. Un semplice esempio dovrebbe chiarire
l'utilità delle funzioni:
| |
<HTML>
<HEAD>
<TITLE>prima pagina web</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function Media (a,b,c) {
risultato = (a + b + c)/3;
return risultato;
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
a=3;
b=5;
c=7;
document.write(Media(a,b,c));
</SCRIPT>
</BODY>
</HTML>
|
|
La dichiarazione della funzione (sezione rossa) si effettua tramite
l'istruzione function.
| |
function
NomeFunzione (parametro1, parametro2, parametro3, ...... , parametro
n) |
|
Nel definire una funzione è indispensabile associargli un nome
univoco per poterla poi richiamare. Nel nostro esempio l'abbiamo chiamata
"Media" (qualsiasi altro nome sarebbe andato bene). Come si
può notare l'istruzione function richiede che
siano definiti anche i parametri della funzione, ovvero quei valori che
questa prenderà in carico come input. I parametri di una funzione
seguono sempre il nome della funzione stessa all'interno di una parentesi,
separati l'uno dall'altro da una virgola.
Nell'esempio precedente abbiamo definito tre parametri (a, b, c) poi
utilizzati per calcolare la media (a + b + c) / 3. Il risultato della
media è poi assegnato alla variabile risultato.
| |
risultato
= (a + b + c)/3; |
|
L'ultima operazione da non dimenticare nelle funzione è l'istruzione
"return". Questa consente la restituzione del valore
allo script che l'ha chiamata.
La chiamata della funzione (sezione blu) si trova nella <BODY>
poiché solo in questa sezione il codice è eseguito dal browser.
Dopo aver definito i valori delle nostre tre variabili, richiamiamo la
funzione semplicemente utilizzandola. Nel nostro esempio la troviamo all'interno
dell'istruzione document.write.
| |
a=3;
b=5;
c=7;
document.write(Media(a,b,c)); |
|
La chiamata della funzione poteva comunque avere luogo in molte altri
modi, ad esempio assegnando il risultato ad una nuova variabile, d=Media(a,b,c).
In questo momento deve solo essere chiaro che l'uso del nome della funzione
permette di richiamare la medesima routine definita nella sezione Head.
| |
Nota: l'uso delle parentesi
graffa
Le parentesi graffa nella fase di dichiarazione della funzione ne
identificano il blocco delle istruzioni. La prima parentesi può
essere presente nella prima riga dell'istruzione function (come
nell'esempio precedente) o nella riga successiva. |
|
ecomatrix
scrivi al sito
ecomatrix@gmail.com
Guide online
