Testując skrypt JavaScript można wyświetlać w konsoli aktualnie przechowywane wartości zmiennych za pomocą funkcji
A. console.warn()
B. console.error()
C. console.count()
D. console.log()
Pytanie z egzaminu CKE, czerwiec 2022 (arkusz EE.09-SG-22.06).
console.log() jest właściwą funkcją do wyświetlania w konsoli aktualnych wartości zmiennych, wyników obliczeń albo stanu programu w trakcie testowania skryptu JavaScript. W praktyce używa się jej bardzo często podczas debugowania, np. gdy chcesz sprawdzić, czy zmienna ma taką wartość, jakiej się spodziewasz: let licznik = 5; console.log(licznik);. Można też wypisywać kilka informacji naraz, na przykład console.log('wartość formularza:', wartosc);, co moim zdaniem jest jedną z najprostszych metod szybkiego namierzenia problemu w kodzie. W przeglądarkach wynik pojawia się w narzędziach deweloperskich, najczęściej w zakładce Console. Dobra praktyka jest taka, żeby console.log() traktować jako narzędzie pomocnicze w czasie tworzenia aplikacji, a nie jako komunikację z użytkownikiem. Przed wdrożeniem strony na produkcję warto usunąć zbędne logi albo zastąpić je sensownym systemem logowania, bo zbyt dużo komunikatów utrudnia analizę i czasem może ujawniać dane techniczne aplikacji.
W testowaniu kodu JavaScript łatwo pomylić różne metody obiektu console, bo wszystkie coś pokazują w konsoli, ale ich przeznaczenie nie jest takie samo. Do zwykłego sprawdzania wartości zmiennych, wyników działania funkcji czy zawartości obiektu najbardziej pasuje console.log(). To taki podstawowy, codzienny sposób na szybkie podejrzenie, co dzieje się w skrypcie. console.count() nie służy typowo do wyświetlania wartości zmiennej, tylko do zliczania, ile razy dane miejsce w kodzie zostało wykonane. Przydaje się na przykład przy sprawdzaniu, czy funkcja obsługi zdarzenia kliknięcia nie uruchamia się za dużo razy, ale nie jest standardowym narzędziem do pokazania aktualnej wartości danych. console.warn() generuje ostrzeżenie, zwykle wyróżnione innym kolorem lub ikoną w konsoli. Używa się go, gdy program działa, ale coś jest podejrzane, przestarzałe albo wymaga uwagi programisty. console.error() jest jeszcze mocniejsze semantycznie, bo oznacza błąd i powinno być stosowane do sytuacji awaryjnych lub wyjątków. Typowy błąd myślowy polega na tym, że skoro każda z tych metod wypisuje komunikat, to każda nadaje się do debugowania zmiennych w ten sam sposób. Technicznie można czasem przekazać do nich dane, jasne, ale zgodnie z dobrymi praktykami czytelność komunikatów ma znaczenie. Z mojego doświadczenia console.log() najlepiej sprawdza się do prostego śledzenia wartości, a warn i error zostawia się na komunikaty o konkretnym znaczeniu diagnostycznym.