Konsola w JavaScript

Konsola w JavaScript
W JavaScript, konsola Obiekt daje dostęp do przeglądarki, aby umożliwić debugowanie. Służy do różnych celów, w tym wyświetlania wiadomości, alertów i błędów w przeglądarce konsola. Dlatego jest to bardzo przydatne do celów debugowania.

Najpopularniejsze przeglądarki internetowe, w tym Firefox, Google Chrome, Safari itp., Zapewnij zestaw narzędzi programistycznych, które składają się z debuggera, konsoli, inspekcji i analizatora aktywności sieciowej. Dzięki tym narzędziom łatwiej było wykonywać wszelkie zadania zgodnie z wymaganiami.

W tym poście konsola W JavaScript jest krótko wyjaśniany następującymi wynikami uczenia się:

  • Jak używać obiektu konsoli w JavaScript
  • Jak działają różne metody konsoli w JavaScript

Jak używać obiektu konsoli w JavaScript?

W JavaScript, A konsola to obiekt w połączeniu z różnymi metodami wykonywania różnych funkcji i uzyskania danych wyjściowych w przeglądarce.

Niektóre metody konsoli w JavaScript są następujące:

  • konsola.Metoda log (): Wydaj wiadomość do konsoli internetowej.
  • konsola.Info (): Wydaj wiadomość informacyjną do konsoli internetowej
  • konsola.błąd(): Wyświetla komunikat o błędzie na konsoli.
  • konsola.Jasne(): Usuwa wszystko z konsoli.
  • konsola.ostrzegać(): Wyświetla wiadomość ostrzegawczą.
  • konsola.zapewniać(): Zwróć komunikat o błędzie, jeśli twierdzenie się nie powiedzie.
  • konsola.liczyć(): Zwróć liczbę zliczań nazywanych.
  • konsola.tabela(): Zwraca dane w formacie tabelarycznym.
  • konsola.Grupa(): Tworzy grupę w linii w konsoli.
  • konsola.Groupend (): Zakończ obecną grupę w konsoli.
  • konsola.Czas(): Rozpoczyna licznik widoku konsoli.
  • konsola.TIMEend (): Zakończ licznik i zwróć wynik do konsoli.

Aby zapewnić lepsze zrozumienie, podano kilka przykładów.

Jak jest konsola.Metoda log () praca w JavaScript?

konsola.dziennik() Metoda wyświetla wyjście do konsoli. Użytkownicy mogą wprowadzać dowolny typ wewnątrz log (), takiego jak ciągi, logiki, tablice, obiekty itp. Przykładowy kod konsola.dziennik() Metoda podano poniżej.

Kod:

// konsola.Metoda log ()
konsola.Log („Witamy w JavaScript”) // ciąg
konsola.log (1); // Boolean
konsola.log ([1, 2, 3]); // tablica wewnątrz dziennika
konsola.log (true); // Boolean
konsola.log (null);

W powyższym kodzie konsola.dziennik() Metoda służy do drukowania sznurka, logiki i tablicy na konsoli.

Wyjście:

Obserwuje się, że wartości sznurka, logiczne i tablicy są drukowane na konsoli.

Jak jest konsola.info () praca w JavaScript?

konsola.informacje () Metoda wyświetla kluczowe informacje dotyczące użytkownika zgodnie z potrzebami. Większość programistów stosowała tę metodę wyświetlania stałych informacji.

Kod:

// konsola.Metoda info ()
konsola.informacje („To jest wiadomość informacyjna”);

W powyższym kodzie ciąg jest przekazywany za pomocą konsola.informacje () metoda.

Wyjście:

W oknie konsoli wyświetlane jest wyjście ciągów za pomocą za pomocą konsola.informacje () metoda.

Jak jest konsola.Metoda błędu () praca w JavaScript?

Aby wyświetlić komunikat o błędzie, konsola.błąd() Zastosowana jest metoda. Większość programistów korzystała z niego do celów rozwiązywania problemów.

Przykładowy kod konsola.błąd() Metoda jest podana w następujący sposób.

Kod:

// konsola.Metoda błędu ()
konsola.błąd („to jest prosty błąd”);

konsola.błąd() Metoda wykonana w przeglądarce konsoli jest oznaczona jako wejście łańcuchowe na poniższym rysunku.

Wyjście:

Przekazując pojedynczy argument typu ciągu, komunikat o błędzie jest wyświetlany na konsoli.

Jak jest konsola.Clear () Metoda Work w JavaScript?

konsola.jasne() Metoda jest stosowana do usuwania wszystkich informacji z Przeglądarka konsoli. Przez większość czasu jest używany na początku kodu do usunięcia wszystkich poprzednich informacji lub wyświetlania czystego wyjścia.

Kod:

// konsola.metoda wyczyść ()
konsola.jasne();

konsola.jasne() Metoda jest stosowana jako dane wejściowe w przeglądarce konsoli.

Wyjście:
Spójrzmy na stan konsoli przed zastosowaniem konsoli.metoda wyczyść ().

Teraz obserwuj konsolę po zastosowaniu metody Clear ().

Rysunek wyjściowy pokazuje wyraźny wyświetlacz w oknie konsoli za pomocą konsola.jasne() metoda.

Jak jest konsola.Warn () Metoda Work w JavaScript?

konsola.Warn () metoda służy do pokazania Wiadomość ostrzegawcza do Przeglądarka konsoli. Wymaga tylko jednego argumentu, aby wyświetlić wiadomość. JavaScript Kod jest jak poniżej:

Kod:

// konsola.Warn () metoda
konsola.ostrzegać („To jest ostrzeżenie.');

Prosty komunikat ostrzegawczy jest drukowany za pomocą metody Warn ().

Wyjście:

Dane wyjściowe pokazuje symbol ostrzegawczy i komunikat wprowadzony w konsola.ostrzegać() metoda.

Jak jest konsola.hrabia () metoda pracy w JavaScript?

konsola.liczyć() Metoda pokazuje, ile razy wywołano metodę. Poniżej znajduje się kod dla konsola.Metoda Count ().

Kod:

// konsola.Metoda Count ()
dla (niech i = 1; i<6;i++)
konsola.hrabia (i);

W powyższym kodzie konsola.liczyć() Metoda służy do zliczenia metod w pętli.

Wyjście:

Rysunek pokazuje, że pięć liczb jest wywoływanych w pętli za pomocą konsola.liczyć() metoda.

Jak jest konsola.Tabela () Metoda pracy w JavaScript?

konsola.tabela() Metoda służy do wyświetlania obiektów w postaci tabeli na konsoli przeglądarki. Wykorzystaliśmy następujący kod, aby pokazać użycie konsola.tabela() metoda.

Kod:

konsola.Tabela („A”: 1, „B”: 2, „C”: 3, „D”: 4);

konsola.tabela() Metoda służy do reprezentowania danych w formie tabelarycznej.

Wyjście:

Poniższy rysunek pokazuje tabelę, w której wartości są przechowywane przez przypisanie indeksów.

Jak jest konsola.czas () i konsola.Metody timeend () działają w JavaScript?

konsola.czas() Metoda jest używana do rozpoczęcia obliczania czasu wykonywania określonej części kodu. Ponadto, na końcu kodu, możesz użyć konsola.timeend () Aby uzyskać czas wykonania.

Poniższy przykład kodu implementuje konsola.czas() I konsola.timeend () metody.

Kod:

// konsola.czas () i konsola.metoda timeend ()
konsola.czas („Witamy w JavaScript”);
Let Fu_Sit = function ()
konsola.log („FUN_SIT działa”);

niech fun_stand = function ()
konsola.log („Fun_stand jest działa…”);

fun_sit (); // Calling Fun_Sit ();
fun_stand (); // wywoływanie fun_stand ();
konsola.Timeend („Witamy w JavaScript”);

W powyższym kodzie,

  • konsola.czas() Metoda jest stosowana w
  • Następnie tworzone są dwie funkcje.
  • Później te funkcje są
  • Na koniec użyliśmy konsola.timeend () metoda zwrócenia całkowitego czasu wykonywania kodu (umieszcza się między konsola.czas() I konsola.timeend () metody).

Wyjście:

Z wyjścia obserwuje się, że kod zapisany między konsola.czas() I konsola.timeend () Metody wzięte 8.96 ms wykonać.

Jak jest konsola.Metoda grupy () praca w JavaScript?

konsola.Grupa() Metoda służy do tworzenia grupy wiadomości na konsoli. Dodatkowo konsola.Groupend () Metoda służy do zakończenia tej grupy. Przykładowy kod, który ćwiczy konsola.Grupa() I konsola.Groupend () Metody są napisane poniżej.

Kod:

// konsola.grupa () i konsola.Metoda grupy ()
konsola.grupa („prosta”);
konsola.ostrzec („alarm!');
konsola.błąd („powiadomienie o błędach”);
konsola.log („Witamy w JavaScript”);
konsola.Groupend („proste”);
konsola.log („nowa sekcja”);

W powyższym kodzie,

  • konsola.Grupa() Zastosowana jest metoda.
  • Potem Warn (), błąd (), I dziennik() Metody są używane do wyświetlania wiadomości w grupie.
  • Na końcu, konsola.Groupend () służy do zakończenia wiadomości grupy.

Wyjście:

Wyjście ilustruje grupę komunikatów, w których wyświetlane są błędy i powiadomienia ostrzegawcze. podczas gdy oświadczenie 'Nowa sekcja'jest wyświetlane poza grupą.

Oto jest! Nauczyłeś się rozumieć i stosować obiekty konsolowe i ich metody w JavaScript.

Wniosek

W JavaScript, konsola Obiekt obejmuje różne metody, które można wykorzystać do uzyskania wyjścia na przeglądarce konsola. Ten post pokazuje funkcjonalność konsola W JavaScript. Nauczyłeś się uzyskiwać dostęp do konsola różnych przeglądarek. Dodatkowo przedstawiliśmy przegląd wszystkich metod obsługiwanych przez konsola obiekt w JavaScript.