Funkcje strzałkowe

Funkcje strzałkowe (arrow functions) to bardziej zwięzła składnia do zapisu funkcji. Są one idealne do callbacków i krótkich funkcji.

Podstawowa składnia

// 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;

Wszystkie trzy formy są równoważne. Trzecia z nich jest najbardziej charakterystyczna dla współczesnego JavaScriptu.

Kiedy można pominąć nawiasy klamrowe i słowo kluczowe return

Gdy ciało funkcji stanowi tylko jedno wyrażenie:

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

Jeśli natomiast potrzebujesz wykonać więcej instrukcji, niezbędne będą nawiasy klamrowe oraz jawne słowo kluczowe return:

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

Jeden parametr: opcjonalne nawiasy okrągłe

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

W przypadku braku parametrów lub ich liczby wynoszącej dwie i więcej, nawiasy okrągłe są obowiązkowe:

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

Spróbuj sam

Ćwiczenie powtórzeniowe