Podstawy•LEKCJA 10 / 26

Tablice readonly

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

readonly zabrania metod modyfikujących tablicę na poziomie kontroli typów.

Cel lekcji

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

Wyjaśnienie krok po kroku

Nie oznacza jednak automatycznego zamrożenia obiektu w uruchomionym JavaScript.

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

const values: readonly number[] = [1, 2, 3];
console.log(values[0]);
// values.push(4); // błąd typowania

Przeczytaj kod linijka po linijce

  1. const values: readonly number[] = [1, 2, 3];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
  2. console.log(values[0]);Wyświetlamy wartość, aby sprawdzić efekt działania programu.
Oczekiwany wynik / efektpo uruchomieniu przykładu
1

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

Zadeklaruj niezmienialną tablicę nazw miast.

To już koniec tej lekcji.

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