Arrow-Funktionen

Arrow Functions (Pfeilfunktionen) sind eine kompaktere Syntax zum Schreiben von Funktionen. Ideal für Callbacks und kurze Funktionen.

Basissyntax

// function classica
const somma = function (a, b) {
  return a + b;
};

// arrow equivalente
const somma2 = (a, b) => {
  return a + b;
};

// arrow con return implicito (corpo sintetico, niente graffe)
const somma3 = (a, b) => a + b;

Die drei Formen sind gleichwertig. Die dritte ist die typischste für JavaScript.

Wann du geschweifte Klammern und return weglassen kannst

Wenn der Rumpf ein einzelner Ausdruck ist:

const quadrato = (n) => n * n;
const isAdult = (eta) => eta >= 18;
const saluto = (nome) => `Ciao, ${nome}!`;

Wenn dagegen mehrere Anweisungen benötigt werden, sind geschweifte Klammern und ein explizites return erforderlich:

const descrivi = (n) => {
  const parita = n % 2 === 0 ? 'pari' : 'dispari';
  return `${n} è ${parita}`;
};

Ein einzelner Parameter: optionale Klammern

const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // anche questo va bene

Bei keinem oder zwei+ Parametern sind die Klammern obligatorisch:

const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);

Probier es aus

Übung#js.m4.l2.e1

Versuche: 0Wird geladen…

Schreibe diese klassische Funktion als Pfeilfunktion (Arrow Function) mit implizitem Return um: `function square(n) { return n * n; }`. Weise sie der Konstanten `square` zu und rufe sie mit 5 auf (erwartet 25).

Editor wird geladen…

Hinweis anzeigen

const square = (n) => n * n;

Lösung nach 3 Versuchen verfügbar

Wiederholungsübung

Übung#js.m4.l2.e2