Una funzione JavaScript è un blocco di codice progettato per eseguire un compito particolare.
Una funzione JavaScript viene eseguita quando "qualcosa" invoca (chiama).
Esempio
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Prova tu stesso " JavaScript Funzione Sintassi
Una funzione JavaScript è definita con la function parola, seguito da un nome, seguito da parentesi () .
I nomi delle funzioni possono contenere lettere, cifre, sottolineature, e segni di dollaro (stesse regole come variabili).
Le parentesi possono includere nomi di parametro separati da virgole:
(Parameter1, parametro2, ...)
Il codice da eseguire, dalla funzione, viene inserito tra parentesi graffe: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
Parametri di funzione sono i nomi elencati nella definizione della funzione.
Argomenti della funzione sono i valori reali ricevuti dalla funzione quando viene richiamato.
All'interno della funzione, gli argomenti si comportano come variabili locali.
Una funzione è molto simile a una procedura o una subroutine, in altri linguaggi di programmazione.
Invocazione funzione
Il codice all'interno della funzione verrà eseguita quando invoca "qualcosa" (chiamate) La funzione:
- Quando si verifica un evento (quando un utente fa clic su un pulsante)
- Quando viene richiamato (chiamata) da codice JavaScript
- Automaticamente (auto invocato)
Si impara molto di più sulla funzione invocazione più avanti in questo tutorial.
funzione di ritorno
Quando JavaScript raggiunge una dichiarazione di ritorno, la funzione si arresta l'esecuzione.
Se la funzione è stata richiamata da una dichiarazione, JavaScript sarà "ritorno" per eseguire il codice dopo l'istruzione chiamante.
Funzioni spesso calcolano un valore di ritorno. Il valore di ritorno viene "restituito" ritorno al "chiamante":
Esempio
Calcolare il prodotto di due numeri, e restituire il risultato:
var x = myFunction(4, 3);
// Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Il risultato in x sarà:
12
Prova tu stesso " Perché funzioni?
È possibile riutilizzare il codice: Definire il codice una volta, e utilizzarlo più volte.
È possibile utilizzare lo stesso codice più volte con argomenti diversi, per produrre risultati diversi.
Esempio
Convertire Fahrenheit a Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77); Prova tu stesso " L' () operatore richiama la funzione
Utilizzando l'esempio precedente, toCelsius si riferisce all'oggetto funzione e toCelsius() si riferisce al risultato della funzione.
Esempio
Accesso a una funzione senza () restituirà la definizione della funzione:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius; Prova tu stesso " Funzioni utilizzate come variabili
In JavaScript, è possibile utilizzare le funzioni allo stesso modo come si utilizzano variabili.
Esempio
Puoi usare:
var
text = "The temperature is " + toCelsius(77) + " Celsius";
Invece di:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Prova tu stesso " Si impara molto di più su funzioni più avanti in questo tutorial.
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »