JavaScript, come altri linguaggi di programmazione ad alto livello, comprende varie strutture per incapsulare il codice per il riutilizzo di frequente. Se si desidera moltiplicare due numeri insieme in JavaScript, l'operatore di moltiplicazione (*) sarà sufficiente. Tuttavia, se è necessario eseguire una serie più complessa di operazioni su due numeri, il processo di scrittura le operazioni uno ogni volta che è necessario il risultato è inefficiente e soggetta a errori. È possibile scrivere una funzione che contiene queste operazioni; qualsiasi momento che è necessario eseguirle, semplicemente scrivere un comando per richiamare (chiamata) la funzione, di fornirlo con i numeri su cui operare.
Istruzioni
1
Aprire un documento HTML in un editor di testo per scrivere e testare una funzione JavaScript in una pagina Web. Fare clic sul menu "Start", scegliere "Tutti i programmi," fare clic su "Accessori" e fare clic su "Blocco note," se non si lavora su una pagina già. Utilizzare il codice riportato di seguito per iniziare:
< html >
< head >
< / head >
< corpo >
< / body >
< / html >
2
Inserire il seguente codice tra i tag di "head" del documento HTML:
< script type = "text/javascript" >
Function hypotenuse(a,b) () {
return Math.sqrt(a*a + b*b);
}
< / script >
Si tratta di un'implementazione del teorema di Pitagora. La funzione riceverà i due numeri, Piazza li, aggiungere le piazze, per poi tornare alla radice quadrata della somma. Inserire codice JavaScript che ti piace tra parentesi graffe della funzione ("{}") per operare su due numeri. È possibile definire variabili (cioè, "var x =") per memorizzare intermedio risultati, ma essi saranno disponibili solo all'interno di tale funzione.
3
Inserire il codice seguente nel corpo del documento HTML per testare la funzione:
< input type = "button" value="hypotenuse(3,4)" onClick="alert(hypotenuse(3,4));" / >
La chiamata alla funzione è posizionato all'interno del metodo di "avviso", in modo che il risultato restituito da "ipotenusa" è visualizzato come finestra di dialogo. Salvare il file utilizzando l'estensione ". html" e quindi aprirlo in un browser Web e fare clic sul pulsante. Verrà visualizzato il risultato corretto, 5.
4
Aggiungere il codice seguente al corpo della pagina e quindi salvare il file e caricarlo in un browser Web:
Tappa 1: < tipo input = "testo" id = "leg1" size = "2" onChange="document.getElementById('result').value=hypotenuse(parseInt(document.getElementById('leg1').value),parseInt(document.getElementById('leg2').value));" / >
Leg 2: < tipo input = "testo" id = "ORD2" size = "2" onChange="document.getElementById('result').value=hypotenuse(parseInt(document.getElementById('leg1').value),parseInt(document.getElementById('leg2').value));" / >
Ipotenusa: < tipo input = "testo" id = "risultato" size = "2" / >
Digitare un numero in ogni casella di testo "gamba", e il risultato verrà visualizzato nel terzo. Non preoccuparti per i dettagli del codice in un primo momento, ma si noti che "ipotenusa" viene chiamato ogni volta che delle caselle di testo viene modificata. Questo codice viene illustrato uno dei principali vantaggi ottenuti utilizzando una funzione: possono essere utilizzati qualsiasi due numeri, non solo quelli che sono predeterminati nel codice.
Consigli & Avvertenze
- Scrivere una funzione che utilizza più di due numeri (o solo uno) se ti piacerebbe. Semplicemente il nome i numeri (chiamati "argomenti" della funzione) tra parentesi della funzione, separati da virgole.