Funzioni freccia

Le funzioni freccia offrono un modo più breve per scrivere funzioni in JavaScript. Sono particolarmente utili per le funzioni brevi e semplici.

Un’espressione funzione freccia ha una sintassi più breve rispetto alle espressioni funzione e non possiede associazioni proprie alle parole chiave this, arguments, super o new.target. Le funzioni freccia sono sempre anonime.

Ecco la sintassi di base di una funzione freccia:

(param1, param2) => {
	// Corpo della funzione
	// ...
	return value; // Istruzione return facoltativa
}

Se la funzione ha un solo parametro, puoi omettere le parentesi intorno all'elenco dei parametri. Se il corpo della funzione contiene una sola espressione, puoi omettere le parentesi graffe e la parola chiave return. Il risultato dell'espressione verrà restituito implicitamente.

Ecco un esempio di espressione di funzione tradizionale:

let add = function(a, b) {
	return a + b;
};

Ecco la stessa funzione scritta come funzione freccia:

let add = (a, b) => a + b;

In questo esempio, le parentesi intorno ai parametri sono mantenute perché ci sono due parametri. Le parentesi graffe e la parola chiave return sono omesse perché il corpo della funzione ha una sola espressione.

Ecco un altro esempio senza parametri:

let greet = () => console.log("Hello!");
greet(); // Output: Hello!

In questo caso, si usa una coppia di parentesi vuote per indicare che la funzione non ha parametri.

Le funzioni freccia vengono spesso utilizzate quando devi passare una funzione breve come argomento a un'altra funzione.