Podstawy•LEKCJA 08 / 26

Parametry opcjonalne

Kurs TypeScript · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.

Znak ? oznacza, że argument można pominąć.

Cel lekcji

Poznać zagadnienie „Parametry opcjonalne”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Zanim użyjesz opcjonalnej wartości, uwzględnij możliwość undefined.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Po kompilacji i wykonaniu JavaScript

function greet(name: string, title?: string): string {
  return `${title ?? "Cześć"}, ${name}`;
}
console.log(greet("Ola"));

Przeczytaj kod linijka po linijce

  1. function greet(name: string, title?: string): string {Definiujemy funkcję lub metodę, której można użyć później.
  2. return `${title ?? "Cześć"}, ${name}`;Zwracamy wyliczoną wartość do miejsca wywołania funkcji.
  3. console.log(greet("Ola"));Wyświetlamy wartość, aby sprawdzić efekt działania programu.
Oczekiwany wynik / efektpo uruchomieniu przykładu
Cześć, Ola

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Dodaj opcjonalny parametr suffix do funkcji.

To już koniec tej lekcji.

Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.