Le Funzioni in Javascript
Una funzione JavaScript è un blocco di codice progettato per eseguire un'attività più volte, evitando ripetizioni. Un esempio di funzione può essere alert(message) che è una funzione integrata all'interno di Javascript, ma è possibile crearne di personalizzate.
Perché Utilizzare una funzione?
- Puoi riutilizzare il codice: definisci il codice una volta e usalo più volte.
- È possibile utilizzare lo stesso codice più volte con argomenti diversi, per produrre risultati diversi.
Come invocare una funzione?
Il codice all'interno della funzione verrà eseguito quando "qualcosa" la invoca (cioè chiama) la funzione:
- Quando si verifica un evento (esempio: quando un utente fa clic su un pulsante)
- Quando viene invocato (chiamato) dal codice JavaScript
- Automaticamente (auto-invocato)
note: JavaScript non supporta le funzioni che restituiscono più valori. Tuttavia, puoi racchiudere più valori in una matrice o in un oggetto e restituire la matrice o l'oggetto.
Sintassi: Funzioni in Javascript
/* Una funzione JavaScript è definita con la parola chiave function, seguita da un nome, seguito da parentesi ().
I nomi delle funzioni possono contenere lettere, cifre, trattini bassi e segni di dollaro (stesse regole delle variabili).
Le parentesi possono includere i nomi dei parametri separati da virgole: (parametro1, parametro2, ...)
Il codice da eseguire, dalla funzione, è racchiuso tra parentesi graffe: {}*/
function name(parameter1, parameter2, parameter3) {
// code to be executed
}
In javascript ES6 è stata introdotta la funzione-arrow che permette di scrivere meno codice per via di una sintassi più breve.
Esempio di Funzioni in Javascript
Mario acquista una villetta che costa 325560€ versa subito 135000€ e il resto viene diviso in 96 Rate, quanto dovrà pagare Mario?.
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
Codice della lezione: Funzioni in Javascript
function CalcoloRate(CostoCasa,Anticipo,Rate) {
return (CostoCasa-Anticipo)/Rate;
};
document.getElementById('txtID-Risultato').innerHTML = CalcoloRate(325560,135000,96);
/*
Come si può notare, le funzioni sono riutilizzabili.
In questo esempio basta cambiare i numeri all'interno di CalcoloRate
*/