Le funzioni sono blocchi di codice che vengono eseguite solo quando li chiami. JavaScript offre una vasta gamma di utili funzioni incorporate per le attività comuni, come i calcoli matematici. È possibile scrivere funzioni personalizzate per creare azioni personalizzate al vostro web page. Funzioni possono essere chiamate da ovunque nella tua pagina web, anche da altre funzioni, che ti permette di semplificare il codice mediante la creazione di funzioni per fare le attività ripetitive.

Utilizzo di funzioni

Vengono utilizzate funzioni di "chiamandoli". Chiamate di funzione hanno tre componenti fondamentali: il nome della funzione, l'elenco dei parametri e il valore restituito. Se la funzione accetta parametri, i valori passati come parametri sono elencati tra parentesi dopo il nome della funzione. Se la funzione restituisce un valore, può essere utilizzato come qualsiasi altro valore, ad esempio assegnarlo a una variabile o usato in un calcolo.

Nell'esempio seguente, una funzione incorporata denominata parseFloat che accetta un valore come parametri e restituisce un valore che viene assegnato alla variabile "val":

var val = parseFloat("16.0")
VAI

Se una funzione non accetta parametri, il nome della funzione è seguito da parentesi vuote. Questo esempio viene assegnato il valore restituito dalla funzione casuale di libreria Math incorporata alla variabile "val2":

var val2 = Math.random()
VAI

Funzioni non restituiscono sempre un valore. In tal caso, semplicemente chiamare la funzione. Ad esempio, questa funzione incorporata si apre una finestra di avviso con il messaggio "Hello!":

Alert("Hello!");

Scrittura e l'utilizzo di funzioni personalizzate

Funzioni sono generalmente definite all'interno del tag di script nell'intestazione della pagina web. Definire una funzione che utilizza la parola chiave "function" seguita dal nome della funzione, l'elenco dei parametri e il codice che si desidera eseguire all'interno di parentesi graffe. Nell'esempio riportato di seguito è la definizione di una funzione chiamata "moltiplica" che accetta due parametri "x" e "y" e restituisce il prodotto:

funzione multiply (x, y) {
Return x * y
VAI
}

Utilizzare la funzione multiply passando due numeri come parametri e fare qualcosa con il valore restituito. Ad esempio, è possibile assegnare il valore restituito a una variabile:

var val1 = moltiplicare (4, 9);

passare il valore restituito a un'altra funzione

var val2 = Mat.sqrt (moltiplicare (4, 9));

o scriverlo nella tua pagina web passandolo alla funzione document. Write:

Document. Write (moltiplicare (4, 9));

Utilizzo di funzioni nelle pagine Web

Utilizzare la funzione document. Write per scrivere il risultato della funzione nella tua pagina web, con il codice racchiuso tra tag script. Per esempio:

< script tipo = \ "testo/javascript\" lingua = \ "Javascript\" >
Document.Write(Multiply(4,9))
VAI
< / script >

È possibile utilizzare funzioni per provocare azioni accadere quando si verifica un evento, come un clic del mouse. HTML ha diversi attributi di evento che possono essere utilizzati con quasi tutti i tag HTML, tra cui onclick, onmousedown, onkeypress e onfocus per citarne alcuni. Inoltre, il tag body è un evento speciale, onload, che può essere utilizzato per chiamare una funzione al termine del caricamento nel browser la pagina.

In questo esempio, quando viene caricata la pagina web di esempio seguente, attributo onload del corpo attiva la funzione che calcola i numeri della lotteria. Quando l'utente fa clic sul testo, attributo onclick del tag p attiva la funzione di getLotteryNumbers, e si apre una finestra di avviso per dirle i numeri della lotteria. Nota altre cose che hai imparato sul lavoro in questo esempio, ad esempio funzioni di chiamata di funzioni e funzioni utilizzate nei calcoli.

< html >
< head >

<title>JavaScript Function Example</title>
<script type=\"text/javascript\" language=\"Javascript\">
var val1 = val2 = val3 = 0

VAI

function generateLotteryNumbers() {
var today = new Date()

VAI

var magicNumber = today.getDay() * today.getMonth() * today.getYear()

VAI

var max = 40

VAI

val1 = calcLotteryNumber(max, magicNumber)

VAI

val2 = calcLotteryNumber(max, magicNumber)

VAI

val3 = calcLotteryNumber(max, magicNumber)

VAI

}

function calcLotteryNumber(maxVal, magicVal) {
return parseInt(Math.random() * magicVal) % maxVal

VAI

}

function getLotteryNumbers() {
alert (\"Your lottery numbers are: \" + val1 + \", \" + val2 + \", \" + val3 + \"\\n Have a nice day!\")

VAI

}
</script>

< / head >

< onload del corpo = \ "generateLotteryNumbers \ ()" >
Funzioni JavaScript < h1 > < / h2 >
< p onclick = \ "(javascript:getLotteryNumbers); \" stile = \ "cursor: hand; \" >
Clicca qui per ottenere i numeri della lotteria!
< p >
< / body >
< / html >