Funzioni di JavaScript

Le funzioni JavaScript sono progettate per eseguire compiti specifici come blocchi di codice.

Le funzioni JavaScript vengono eseguite quando vengono chiamate da altri codici.

esempio

function myFunction(p1, p2) {
    return p1 * p2;              // La funzione restituisce il prodotto di p1 e p2
}

Prova a fare tu stesso

Sintassi delle funzioni JavaScript

Le funzioni JavaScript possono essere definite tramite function è definito da una parola chiave, seguita daNome della funzionee parentesi ()

Il nome della funzione può includere lettere, numeri, trattini bassi e il simbolo dollaro (le regole sono le stesse dei nomi delle variabili).

Le parentesi tonde possono includere parametri separati da virgola:

(Parametro 1, Parametro 2, ...)

Il codice eseguito dalla funzione viene messo tra parentesi graffe:{}

function name(Parametro 1, Parametro 2, Parametro 3) {
    Codice da eseguire
}

Parametri della funzione (Function parameters)Sono i nomi elencati nella definizione della funzione.

Parametri della funzione (Function arguments)È il valore reale ricevuto dalla funzione quando viene chiamataValore。

Nella funzione, i parametri sono variabili locali.

In altri linguaggi di programmazione, la funzione è simile a un programma (Procedure) o a una subroutine (Subroutine).

Chiamata di funzione

Il codice nella funzione viene eseguito quando viene chiamata la funzione da altri codici:

  • Quando un evento si verifica (quando l'utente clicca sul pulsante)
  • quando il codice JavaScript viene chiamato
  • automatiche (autochiamate)

Imparerai molto di più sulle chiamate di funzione in questo tutorial.

la funzione restituisce

Quando JavaScript raggiunge return istruzione, la funzione smetterà di eseguire.

Se una funzione viene chiamata da una istruzione, JavaScript tornerà all'esecuzione del codice dopo l'istruzione di chiamata alla funzione.

Di solito, la funzione calcolavalore di ritornoQuesto valore restituito viene restituito al chiamante:

esempio

Calcola il prodotto di due numeri e restituisci il risultato:

var x = myFunction(7, 8);        // Chiamata alla funzione, il valore restituito viene assegnato a x
function myFunction(a, b) {
    return a * b;                // La funzione restituisce il prodotto di a e b
}

Il risultato di x sarà:

56

Prova a fare tu stesso

Perché usare le funzioni?

Puoi riutilizzare il codice: definisci una volta il codice e utilizzalo più volte.

Puoi passare diversi parametri alla stessa funzione più volte per ottenere risultati diversi.

esempio

Converti i gradi Fahrenheit in gradi Celsius:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Prova a fare tu stesso

l'operatore () chiama la funzione

Usando l'esempio sopra,toCelsius è una referenza all'oggetto funzione, mentre toCelsius() è una referenza al risultato della funzione.

esempio

L'accesso a una funzione senza () restituisce la definizione della funzione:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Prova a fare tu stesso

Funzione come valore di variabile

Il modo di utilizzare la funzione è lo stesso delle variabili, in tutti i tipi di formule, assegnazioni e calcoli.

esempio

Usa le variabili per memorizzare il valore della funzione:

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Puoi usare la funzione come valore di variabile direttamente:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Prova a fare tu stesso

Imparerai molto di più sulle funzioni in questo tutorial.

variabile locale

le variabili dichiarate all'interno di una funzione JavaScript diventano variabili della funzione stessa.variabile locale。

le variabili locali possono essere accedute solo all'interno della funzione.

esempio

// Il codice in questo punto non può utilizzare carName
function myFunction() {
    var carName = "Volvo";
    // Il codice in questo punto può utilizzare carName
}
// Il codice in questo punto non può utilizzare carName

Prova a fare tu stesso

Poiché le variabili locali possono essere riconosciute solo dalla funzione che le crea, è possibile utilizzare lo stesso nome per le variabili in diverse funzioni.

Le variabili locali vengono create all'inizio della funzione e eliminate alla fine della funzione.

Libri di testo

Per ulteriori informazioni su Funzioni di JavaScriptPer ulteriori informazioni, leggi il contenuto correlato nel tutorial avanzato JavaScript:

Panoramica delle funzioni ECMAScript
Questa sezione spiega il concetto di funzione, come ECMAScript dichiara e chiama le funzioni e come le funzioni restituiscono valori.
Oggetto arguments ECMAScript
Questa sezione introduce l'uso di base di questo oggetto e spiega come utilizzare l'attributo length per determinare il numero di parametri di una funzione e come simulare il sovraccarico delle funzioni.
Oggetto Function ECMAScript (classe)
Questa sezione spiega come creare funzioni utilizzando la classe Function e introduce le proprietà e i metodi dell'oggetto Function.
Closure ECMAScript
Questa sezione spiega il concetto di closure e mostra due esempi, uno semplice e uno più complesso.