console.log jest jedną z najczęściej używanych funkcji w JavaScript, służącą do debugowania i wyświetlania informacji w konsoli przeglądarki. Umożliwia ona programistom szybkie sprawdzanie wartości zmiennych, stanu aplikacji czy wyników działania funkcji. W tej lekcji przeanalizujemy różne sposoby wykorzystania console.log do wyświetlania różnych typów danych oraz jak można za pomocą tej metody ułatwić proces debugowania kodu.
Przykłady użycia console.log()
Poniżej znajduje się przykład pliku HTML z osadzonym kodem JavaScript, ilustrującym różne zastosowania console.log.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Przykłady użycia console.log w JavaScript</title>
</head>
<body>
<h3>Przykłady użycia console.log w JavaScript</h3>
<script>
// Wyświetlenie prostej wiadomości w konsoli
console.log('Hello, World!');
// Wyświetlenie wartości zmiennej
const name = 'Jan';
console.log('Imię:', name);
// Wyświetlenie obiektu
const car = {
brand: "Ford",
model: "Mustang",
year: 1969
};
console.log('Obiekt samochód:', car);
// Wyświetlenie tablicy
const fruits = ['Apple', 'Banana', 'Cherry'];
console.log('Tablica owoców:', fruits);
// Grupowanie logów
console.group('Szczegóły samochodu');
console.log('Marka:', car.brand);
console.log('Model:', car.model);
console.log('Rok:', car.year);
console.groupEnd();
// Wyświetlenie błędu
console.error('To jest przykład błędu');
// Wyświetlenie ostrzeżenia
console.warn('To jest przykład ostrzeżenia');
</script>
</body>
</html>
Podsumowanie
console.log jest niezastąpionym narzędziem dla programistów JavaScript, umożliwiającym efektywne debugowanie i analizę kodu. Jak pokazano w przykładach, może być używane do wyświetlania różnorodnych danych, od prostych wiadomości po złożone obiekty i tablice.
Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.