6. Funkcje – deklaracja, function expression, arrow functions

Funkcje to bloki kodu wielokrotnego użytku. W JS funkcje są first-class – traktowane jak wartości.

1. Function Declaration

Hoisting pozwala wywołać przed definicją.

przywitaj("Kasia");  // Działa!

function przywitaj(imie) {
  console.log(`Cześć, ${imie}!`);
}

przywitaj("Tomek");

2. Function Expression

Przypisana do zmiennej, bez hoistingu.

// Błąd przed definicją
// powitanie("Asia");  // TypeError

const powitanie = function(imie) {
  console.log(`Hej, ${imie} 👋`);
};

powitanie("Asia");

3. Arrow Functions

Najpopularniejsze w 2026 (ES6+), zwięzłe, brak własnego this.

const razyDwa = (x) => { return x * 2; };

const razyTrzy = x => x * 3;

const hello = () => console.log("Cześć!");

const suma = (a, b) => a + b;

const witajDuze = imie => {
  const duze = imie.toUpperCase();
  return `Witaj ${duze}!`;
};

4. Różnice

5. Pułapki

• Wywołanie arrow przed def. → błąd
• this w arrow → otoczenie
• Brak return w bloku
• Nadmiarowe {}

6. Porównanie

function pomnoz(a, b) { return a * b; }

const pomnozExpr = function(a, b) { return a * b; };

const pomnozArrow = (a, b) => a * b;

Ćwiczenie

1. Napisz arrow sumującą 3 liczby.
2. Przerób declaration na arrow, sprawdź this.
3. Callback: setTimeout z arrow.

Poprawka do oryginału: Dodano pułapki, tabela, ćwiczenia; rozszerzono przykłady.