Coś więcej niż console.log
Proszę używać table, group, warn, error i assert.
Coś więcej niż console.log to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 4 lekcji w sumie.
Więcej niż log
Obiekt console udostępnia wiele metod oprócz console.log. Każda z nich wyraża inną intencję i może prezentować dane w użyteczny sposób.
console.log("plain message")
console.info("informational")console.warn
console.warn emituje ostrzeżenie. W przeglądarce pojawia się ono z żółtym wyróżnieniem, sygnalizując niefatalny problem wymagający uwagi.
console.warn("This API is deprecated")console.error
console.error zgłasza błąd. Komunikat jest wyróżniony, a w przeglądarkach zawiera ślad stosu, który pomaga zlokalizować problem.
console.error("Failed to load data")console.info i debug
console.info i console.debug działają podobnie jak log, ale przekazują informację o poziomie ważności. Narzędzia mogą filtrować komunikaty według tych poziomów.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table wyświetla tablice i obiekty w postaci sformatowanej tabeli, dzięki czemu przeglądanie danych strukturalnych jest znacznie łatwiejsze niż w przypadku zwykłego logu.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group rozpoczyna wciętą, zwijaną sekcję. Komunikaty logowane po jego wywołaniu są zagnieżdżone aż do wywołania console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Zagnieżdżone grupy
Grupy można zagnieżdżać w sobie, aby odzwierciedlały hierarchię. Każdy poziom dodaje kolejne wcięcie.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert loguje błąd tylko wtedy, gdy jego pierwszy argument ma wartość falsy. To szybki sposób na sygnalizowanie niespełnionych założeń bez zatrzymywania wykonywania programu.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count śledzi, ile razy została wykonana oznaczona etykietą linia, co ułatwia wykrywanie nieoczekiwanych powtórnych wywołań.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time i console.timeEnd mierzą czas wykonywania bloku kodu, wypisując upływający czas z użyciem pasującej etykiety.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Wybór właściwej metody
Metod warn i error należy używać do problemów, table do danych strukturalnych, group do porządkowania powiązanych logów, a assert do sprawdzania założeń. Czytelne logowanie przyspiesza debugowanie.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Szybkie sprawdzenie
Sprawdź swoją wiedzę o metodach obiektu console.
Podsumowanie
Podsumowanie: Obiekt console udostępnia wiele rozbudowanych metod oprócz log.
- warn i error sygnalizują poziom ważności
- table wyświetla dane strukturalne
- group porządkuje zagnieżdżone logi
- assert sygnalizuje niespełnione warunki
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")
Ucz się JavaScript dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 59
- Lekcje
- 200
Często zadawane pytania
Czy lekcja „Coś więcej niż console.log” jest bezpłatna?
Tak — pełny tekst „Coś więcej niż console.log” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Coś więcej niż console.log”?
Proszę używać table, group, warn, error i assert. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?
Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Coś więcej niż console.log”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?
Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Coś więcej niż console.log
- Ustawianie punktów przerwania
- Śledzenie wykonywania kodu krok po kroku
- Odczytywanie śladów stosu