Espressione function JavaScript

Definizione e uso

La dichiarazione function dichiara una funzione.

Le funzioni dichiarate sono "salvate per uso futuro" e verranno eseguite quando chiamate in seguito.

In JavaScript, le funzioni sono oggetti che possiedono sia attributi che metodi.

Puoi anche definire una funzione utilizzando un'espressione (vedi definizione della funzione).

Leggi il nostro tutorial JavaScript per sapere tutto ciò che devi sapere sui funzioni. Inizia dalle sezioni su funzioni JavaScript e ambito JavaScript. Per ulteriori dettagli, leggi i nostri tutorial su definizione di funzione, parametri, chiamata e closure.

Suggerimento:Utilizzare la dichiarazione return per restituire un valore dalla funzione.

Esempio

Dichiarare una funzione e stampare "Hello World" nell'elemento con id="demo" quando si chiama la funzione:

function myFunction() { // Dichiarazione della funzione
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Chiamata della funzione

Prova tu stesso

Sotto la pagina ci sono più esempi TIY.

Sintassi

function functionName(parameters) {
  codice da eseguire
}

Valore del parametro

Parametro Descrizione
functionName Obbligatorio. Stabilisce il nome della funzione, che può essere "salvato per uso futuro". Il nome della funzione può contenere lettere, numeri, trattini bassi e simboli dollaro (seguono le regole delle variabili).
parameters

Opzionale. Specifica un gruppo di uno o più nomi di parametri, separati da virgola.

I parametri della funzione sono i nomi elencati nella definizione della funzione.

I parametri della funzione sono i valori effettivi ricevuti durante la chiamata della funzione. All'interno della funzione, i parametri vengono utilizzati come variabili locali.

Note:Se manca un parametro durante la chiamata della funzione, il valore del parametro mancante viene impostato su undefined.

Dettagli tecnici

Versione JavaScript: ECMAScript 1

Più esempi

Esempio

Restituisce il valore di PI:

function myFunction() {
  return Math.PI;
}

Prova tu stesso

Esempio

Restituisce il prodotto di a e b:

function myFunction(a, b) {
  return a * b;
}

Prova tu stesso

Esempio

Utilizzando le funzioni, puoi utilizzare lo stesso codice con parametri diversi più volte per ottenere risultati diversi.

Converti gradi Fahrenheit in gradi Celsius:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Prova tu stesso

Esempio

Le funzioni possono essere utilizzate come variabili.

Invece di:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Puoi usare:
text = "The temperature is " + toCelsius(32) + " Centigrade";

Prova tu stesso

Esempio

La funzione JavaScript ha un oggetto interno chiamato arguments.

L'attributo arguments.length restituisce il numero di argomenti ricevuti quando si chiama la funzione:

function myFunction(a, b) {
  return arguments.length;
}

Prova tu stesso

Esempio

Cliccando sul pulsante si chiama la funzione, che visualizzerà "Hello World" nell'elemento con id="demo":

<button onclick="myFunction()">Clicca su di me</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Prova tu stesso

Esempio

Le funzioni JavaScript possono anche essere definite con espressioni.

Le espressioni delle funzioni possono essere archiviate in variabili:

var x = function (a, b) {return a * b};

Prova tu stesso

Esempio

Dopo aver archiviato l'espressione della funzione in una variabile, questa può essere utilizzata come funzione:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Prova tu stesso

Supporto del browser

Esercizio Chrome IE Firefox Safari Opera
function Supporto Supporto Supporto Supporto Supporto

Pagine correlate

Guida JavaScript:Funzione JavaScript

Guida JavaScript:Ambito JavaScript

Guida JavaScript:Definizione di funzione JavaScript

Guida JavaScript:Parametro di funzione JavaScript

Guida JavaScript:Chiamata di funzione JavaScript

Guida JavaScript:Chiudi il blocco funzione JavaScript

Manuale di riferimento JavaScript:Espressione return JavaScript