Przejdź do głównej treści
eLearner.app
Moduł 4 · Lekcja 1 z 413/32 w kursie~10 min
Lekcje modułu (1/4)

Deklarowanie funkcji

Funkcja to kawałek kodu wielokrotnego użytku, któremu nadajesz nazwę. Wywołujesz ją, przekazując argumenty, ona wykonuje swoje ciało i może zwrócić wartość za pomocą return.

Klasyczna deklaracja

Najczęstszą formą jest deklaracja funkcji (function declaration):

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Warto zauważyć:

  • nome to parametr (zmienna lokalna funkcji).
  • 'Anna' to argument (wartość przekazana podczas wywołania).
  • Bez instrukcji return funkcja zwraca undefined.

Wyrażenie funkcyjne (function expression)

Funkcje w JS są wartościami: można je przypisać do zmiennej.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Obie formy są prawie równoważne, z jedną ważną różnicą:

  • deklaracja funkcji podlega mechanizmowi "hoistingu": możesz ją wywołać nawet przed linią, w której pojawia się w kodzie.
  • wyrażenie funkcyjne podlega zasadom const/let: istnieje dopiero po przypisaniu.

Brak jawnego return

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // niente return → la funzione ritorna undefined
}

const r = logga('ciao'); // stampa "[LOG] ciao"
r; // undefined

Spróbuj sam

Ćwiczenie#js.m4.l1.e1
Próby: 0Ładowanie...

Zadeklaruj funkcję `greet(name)`, która zwraca string `Ciao, <name>!`. Następnie wywołaj ją z argumentem 'Anna' i użyj wyniku jako ostatniego wyrażenia.

Ładowanie edytora...
Pokaż wskazówkę

function greet(name) { return ... }

Rozwiązanie dostępne po 3 próbach

Ćwiczenie powtórzeniowe

Ćwiczenie#js.m4.l1.e2
Próby: 0Ładowanie...

Napisz wyrażenie funkcyjne `double`, które dla podanej liczby zwraca jej dwukrotność. Wywołaj je z argumentem 7 jako ostatnie wyrażenie (oczekiwany wynik: 14).

Ładowanie edytora...
Pokaż wskazówkę

const double = function (n) { return ... };

Rozwiązanie dostępne po 3 próbach