Funzione (Function) di JavaScript

Una funzione JavaScript è un blocco di codice progettato per eseguire azioni o compiti specifici.

Una funzione è un blocco di codice personalizzato definito dal programmatore che può rendere il tuo programma più modulare ed efficiente.

Quando qualcosa chiama la funzione JavaScript, viene eseguita.

Definisci la funzione

Definizione della funzioneNoto anche comeDichiarazione della funzioneUtilizza la parola chiave function, l'ordine delle funzioni è il seguente:

• Nome della funzione

• L'elenco dei parametri della funzione è racchiuso tra parentesi tonde ( ) e separato da virgole.

• Le istruzioni di definizione della funzione sono racchiuse tra parentesi graffe { }.
  

Ecco la sintassi delle funzioni in JavaScript:

function nameOfFunction(parameter1, parameter2, ..., parameterN) {
　// Codice da eseguire
　}

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

Nel primo esempio, eseguiremo la dichiarazione della funzione per stampare un saluto nel documento.

function greet() {
　　　document.write("Hello, World!");
}

Chiamata di funzione

La definizione della funzione non viene eseguita. La definizione della funzione è solo il nome della funzione e la specifica delle operazioni da eseguire quando la funzione viene chiamata.

Puoi chiamare la funzione aggiungendo parentesi graffe () dopo il nome della funzione.

// Definisci la funzione greet()
function greet() {
　　　document.write("Hello, World!");
}
// Chiama la funzione greet() già definita
greet();

Ora, eseguiremogreet();Il codice è contenuto all'interno di una funzione e può essere riutilizzato come necessario.

// Definisci la funzione greet()
function greet() {
　　　document.write("Hello, World!");
}
// Chiama più volte la funzione greet() già definita
greet();
greet();
greet();

Puoi anche chiamare la funzione con altri metodi:

• Quando si verifica un evento (ad esempio, quando l'utente clicca su un pulsante)

• Chiama da codice JavaScript

• Automatico (eseguito autonomamente)

Più avanti nel tutorial, imparerai di più sulle chiamate di funzione.

Parametri della funzione

Quando si definisce una funzione per accettare valori di input durante l'esecuzione, è possibile specificare i parametri.

I parametri della funzione sono elencati tra parentesi graffe () nella definizione della funzione.

// Definisci la funzione
function greet(name) {
　　　document.write("Hello, " + name);
}
// Chiama la funzione greet con "Vishal" come parametro
greet("Vishal");

Puoi definire quante variabili desideri.

// Definisci la funzione
function add(num1, num2, num3) {
　　　var total = num1 + num2 + num3;
　　　document.write(total);
}
　
// Chiama la funzione
add(5, 20, 10); // Output: 35
add(-5, 8, 7); // Output: 10

Ma, per ogni parametro specificato, è necessario passare il parametro corrispondente alla funzione durante la chiamata della funzione, altrimenti il suo valore diventerà incerto.

// Definisci la funzione
function showFullname(fName, lName) {
　　　document.write(fName + " " + lName);
}
　
// Chiama la funzione
showFullname("Kavy", "Mark"); // Output: Kavy Mark
showFullname("John"); // Output: John undefined

Il funzionamento dei parametri è simile a variabili placeholder all'interno della funzione; vengono sostituiti con i valori forniti al momento della chiamata della funzione (chiamati parametri).

All'interno della funzione, i parametri si presentano come variabili locali.

Imparerai di più sui parametri delle funzioni nella parte posteriore di questo tutorial.

Valore restituito

Le funzioni JavaScript possono utilizzare la frase return per restituire un valore al script che chiama la funzione.

Il valore restituito può essere di qualsiasi tipo, inclusi array e oggetti.

Quando JavaScript raggiunge una frase return, la funzione si ferma esecuzione.

La seguente funzione accetta un parametro chiamato numero e restituisce il parametro moltiplicato per se stesso (cioè il numero):

// Definisci la funzione
function square(number) {
　　　return number * number;
}
// Chiama la funzione, il valore restituito verrà memorizzato in x
var x = square(5);

Una funzione non può restituire più valori. Ma, si può ottenere un risultato simile restituendo un array di valori:

function makeArray() {
　　　var myArray = ["Apple", "Mango", "Banana", "Orange"];
　　　return myArray;
}

L'operatore () chiama la funzione

Utilizzando l'esempio sopra, si fa riferimento all'oggetto della funzione square e al risultato della funzione square().

Se non si utilizza (), restituirà la definizione della funzione invece del risultato della funzione:

function square(number) {
　　　return number * number;
}
document.write(square(5)); // esce 25
document.write(square); // esce la funzione definita

espressione di funzione

Anche se la dichiarazione della funzione sopra è una frase grammaticale, può anche essere attraverso la funzioneEspressioneCreare una funzione.

Le espressioni di funzione possono essere memorizzate in variabili e chiamate sempre utilizzando il nome della variabile.

Tale funzione può essereAnonima ; Non deve avere un nome. Ad esempio, la funzione square() può essere definita come:

var square = function(number) { return number * number; };
var x = square(5); // x = 25

Un altro esempio:

var sum = function(a, b) {
return a + b;
};
var x = sum(100, 8); // x = 108

La funzione sopra è terminata con un punto e virgola perché fa parte di una espressione eseguibile.

Range della funzione

Le variabili definite all'interno di una funzione non possono essere accedute da nessuna parte al di fuori della funzione, diventando variabili locali della funzione.

// Il codice in questo punto non può utilizzare city
function myFunc() {
　　　var city = "New Delhi";
　　// Il codice in questo punto può utilizzare city
}
// Il codice in questo punto non può utilizzare city

Poiché le variabili locali possono essere utilizzate solo all'interno della funzione, variabili con lo stesso nome possono essere utilizzate all'interno di diverse funzioni.

Le variabili locali vengono create quando la funzione viene avviata e eliminate quando la funzione viene completata.