Rozgrzewka: to, co już wiecie

1. Czym różni się var od let, gdy spróbujemy zadeklarować tę samą nazwę drugi raz?
2. Co się stanie, gdy odczytamy zmienną let poza blokiem { }, w którym ją zadeklarowano?
3. Dlaczego nazwa zmiennej 1age jest niepoprawna?

Trzeci sposób: const

Znacie już var i let - oba tworzą pudełko, do którego można włożyć wartość, a potem ją zmienić. const tworzy pudełko zaklejone taśmą: musicie włożyć wartość od razu przy deklaracji, a potem nie da się jej podmienić. Życiowe porównanie: to jak zalanie czegoś żywicą - widać, co jest w środku, ale nie da się tego wyjąć ani wymienić.

Kiedy const, kiedy let?

MDN podaje prostą zasadę: używaj const, kiedy możesz, i let, kiedy musisz. Jeżeli wiecie, że wartość się nie zmieni (np. liczba Pi, cena stała, dzisiejsza data z serwera), piszcie const. Jeżeli wartość ma się zmieniać w trakcie działania skryptu (licznik, wynik gry, odpowiedź użytkownika), piszcie let. var od poprzedniej lekcji nie używamy w nowym kodzie w ogóle.

Pięć podstawowych typów danych

Każda wartość w JavaScript ma typ. Operator typeof to etykieta, która mówi, jaki typ ma dana wartość - działa jak nalepka na pudełku.

Ciekawostka z Wikipedii: typ boolean nazwano na cześć George'a Boole'a, matematyka, który w połowie XIX wieku jako pierwszy opisał algebraiczny system logiki. Stąd „algebra Boole'a” i wartości prawda/fałsz, na których dziś działają wszystkie warunki w kodzie.

JavaScript sam zgaduje typ

JavaScript jest „dynamicznie typowany”: nie musicie z góry mówić, jakiego typu będzie zmienna - typ zależy od tego, co do niej włożycie. Uwaga: wartość w cudzysłowie zawsze jest tekstem (string), nawet jeśli w środku są same cyfry.

let myNumber = "500";
console.log(typeof myNumber);   // "string" - to tekst, bo w cudzysłowie

myNumber = 500;
console.log(typeof myNumber);   // "number" - teraz to liczba

Ta sama zmienna może w trakcie działania skryptu zmienić typ - JavaScript nic nie sprawdza z góry, w przeciwieństwie do niektórych innych języków.

Gdy tekst spotyka liczbę

Znak + na tekście i liczbie skleja je w jeden napis. Znak - zawsze liczy, więc zamienia tekst na liczbę, jeśli się da. Gdy zamiana się nie uda, wynikiem jest NaN („Not a Number”) - „zepsuty wynik” działania, które nie ma sensu liczbowego.

Tak pytają na egzaminie

W JavaScript wynik operacji jest równy wartości NaN, jeśli skrypt próbował wykonać

1. parseFloat zamiast parseInt na zmiennej liczbowej.
2. działanie arytmetyczne, a zawartość zmiennej była napisem.
3. działanie arytmetyczne na dwóch zmiennych liczbowych dodatnich.
4. funkcję sprawdzającą długość napisu, a zawartość zmiennej była liczbą.

Ćwiczenie: const i typeof

1. Otwórz plik script.js z poprzedniej lekcji w edytorze kodu.
2. Zadeklaruj const PI = 3.14, a w linii niżej spróbuj wykonać PI = 3.14159.
3. Odśwież page.html, otwórz konsolę (F12 → Console) i zapisz na kartce dokładną treść komunikatu błędu.
4. Zakomentuj tę linię błędu znakiem //, żeby reszta skryptu znowu działała.
5. Dopisz trzy zmienne: let studentName = "Ola", let studentAge = 17, let isPresent = true, a pod nimi trzy console.log(typeof ...) - po jednym na zmienną.
6. Sprawdź w konsoli, że wypisało string, number, boolean. Zapisz plik, żeby wrócić do niego na następnej lekcji.

A jak to wygląda w produkcji?