Jaka jest różnica między printIn a console.log w JavaScript? (Odpowiedź) - All The Differences
Spis treści
JavaScript jest językiem programowania dostępnym tylko w przeglądarkach internetowych. Konsola JavaScript jest interfejsem wiersza poleceń w przeglądarce, który umożliwia uruchamianie fragmentów kodu. Gdy ten fragment kodu jest zaprojektowany do interakcji z aktualnie oglądaną stroną internetową, mogą wystąpić nieoczekiwane wyniki.
"PrintIn" powoduje, że tekst zostanie wydrukowany do. konsoli, podczas gdy możesz użyć "console.log", aby zarejestrować go i użyć go do różnych celów, takich jak wysłanie go jako raportu o błędzie.
Jeśli jesteś programistą, wiesz jak ważne jest używanie i rozumienie języków skryptowych takich jak JavaScript. Jednak zdarzają się sytuacje, że możesz być zdezorientowany co do jego funkcji.
Podobnie jak funkcja printIn i console.log. Aby pomóc Ci zrozumieć różnicę i zastosowanie tych dwóch funkcji, wyjaśnię, co oznaczają i jak działają.
Zaczynajmy!
Czym jest JavaScript?
Czym jest JavaScript?
JavaScript to język skryptowy służący do tworzenia regularnie aktualizowanych materiałów, sterowania multimediami, animowania grafiki i całkiem sporo innych rzeczy.
Język programowania JavaScript posiada pewne standardowe możliwości programistyczne, które pozwalają robić takie rzeczy jak:
- Gdy na stronie internetowej wystąpią pewne zdarzenia, możesz zareagować na uruchomiony kod.
- Możesz użyć zmiennych do przechowywania przydatnych danych.
- Możesz użyć "ciągów", które są operacją edycji tekstu w programowaniu
Funkcjonalność dodana na wierzchu języka JavaScript użytkownika, z drugiej strony, jest jeszcze bardziej interesująca. Interfejsy programowania aplikacji (API) dają twojemu kodowi JavaScript dodatkowe funkcje.
W skrócie, JavaScript ma wiele funkcji, które pozwalają kontrolować to, co kodujesz. Te funkcje obejmują printIn i console.log.
Co to jest PrintIn?
kodowanie
PrintIn jest metodą Javy służącą do wyświetlania tekstu na konsoli. Metoda ta przyjmuje jako parametr tekst w postaci Stringa. Takie podejście powoduje wypisanie tekstu do konsoli z zachowaniem kursora na początku kolejnego wiersza.
Następny druk zaczyna się w następnej linii Istnieje kilka metod PrintIn, takich jak:
| void printIn() | Zapisuje łańcuch separatora linii, aby zakończyć bieżącą linię. |
| void printIn(boolean x) | Linia jest kończona po wypisaniu boolean. |
| void printIn(char x) | Linia jest kończona po wydrukowaniu znaku. |
| void print(char [ ] x) | Linia jest kończona po wypisaniu tablicy znaków. |
| void printIn(double x) | Linia jest kończona po wydrukowaniu podwójnej linii. |
| void printIn(float x) | Linia jest zakończona po wydrukowaniu afloat. |
| void printIn(int x) | Linia jest kończona po wypisaniu liczby całkowitej. |
| void printIn(long x) | Linia jest kończona po wydrukowaniu wzdłuż. |
| void printIn(Object x) | Linia jest kończona po wydrukowaniu obiektu. |
| void printIn(String x) | Linia jest kończona po wypisaniu łańcucha. |
Stosowanie różnych metod w PrintIn
Chociaż ma wiele metod, które możesz wykorzystać w kodowaniu swojej pracy, możesz spotkać się z inną metodą wyświetlania tekstu w konsoli. W konsoli istnieją dwie metody, w których możesz wydrukować swoją pracę, pierwsza to printIn, podczas gdy druga to print.
Abyś nie mógł się pomylić między tymi dwoma metodami drukowania, zdefiniujmy różnicę między drugą metodą w druku, czyli drukiem.
Print jest metodą Javy służącą do wyświetlania tekstu na konsoli. Metoda ta przyjmuje jako parametr tekst w postaci Stringa. Takie podejście powoduje wydrukowanie tekstu do konsoli przy zachowaniu kursora na końcu kolejnej linii.
Następny druk zacznie się właśnie tutaj Istnieje kilka metod PrintIn, takich jak:
| void print(boolean b) | Wypisywana jest wartość logiczna. |
| void print(char c) | Zostanie wydrukowany znak. |
| void print(char [ ] s) | Wypisywana jest tablica znaków. |
| void print(double d) | Wypisywana jest liczba zmiennoprzecinkowa podwójnej precyzji. |
| void print(float f) | Wypisywana jest liczba zmiennoprzecinkowa. |
| void print(int i) | Wypisywana jest liczba całkowita. |
| void print(long l) | Wypisywana jest długa liczba całkowita. |
| void print(Object obj) | Obiekt jest drukowany. |
| void print(String s) | Wypisywany jest ciąg znaków. |
Stosowanie różnych metod w druku
W skrócie, kluczową różnicą między nimi jest umiejscowienie tekstu wypisywanego w konsoli. PrintIn znajduje się na początku następnej linii, natomiast Print na koniec następnej linii.
Jeśli jesteś zainteresowany wiedzą na temat windows 10-pro i pro-n, sprawdź mój inny artykuł.
Co to jest Console.log?
Console.log
Konsola to obiekt JavaScript, który daje dostęp do konsoli debugowania przeglądarki.
Console.log to funkcja JavaScript, która wypisuje wszelkie zmienne, które zostały w niej wcześniej zdefiniowane, a także wszelkie informacje, które należy pokazać użytkownikowi.
Wyjście jest przeważnie logowane (drukowane) do terminala. Do log() można przekazać dowolny typ, włączając w to łańcuchy, tablice, obiekty i booleans.
Dane wyjściowe metody console.log() są widoczne w konsoli JavaScript, która jest dostępna poprzez narzędzie deweloperskie przeglądarki. Cokolwiek wyprowadzisz za pomocą console.log() jest dostępne dla wszystkich użytkowników końcowych, niezależnie od ich grupy czy roli.
Zobacz też: Jaka jest różnica poznawcza między ENTP a ENTJ? (Deep Dive In Personality) - All The DifferencesPrzyjrzyjmy się, jak możesz go użyć, a także dane wyjściowe po użyciu tej funkcji.
| JavaScript | Wyjście |
// console. log() metoda
| abc 1 prawdziwy nieważne nieokreślone Array(4) [ 1, 2, 3, 4 ] Obiekt { a : 1, b : 2 , c : 3 } |
Wejście i wyjście przy użyciu console.log
Co to jest Print to Console z metodą Console.log w Javascript?
Jest to najbardziej popularna i szeroko stosowana metoda konsolowa w JavaScript. Metoda ta jest często używana do drukowania różnych komunikatów lub wyników obliczeń na konsolę lub nawet podczas debugowania kodu.
Napisałeś jakiś kod, który dodaje dwie liczby i chciałbyś zobaczyć wynik tej operacji na konsoli; w tym przypadku możesz użyć metody console.log().
Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Czy Console.log jest synchroniczny czy asynchroniczny?
Zanim omówię z Tobą, czy console.log jest synchroniczny czy asynchroniczny, zdefiniuję najpierw, czym są synchroniczne i asynchroniczne.
Synchroniczny oznacza, że występuje w tym samym czasie, podczas gdy asynchroniczny oznacza, że nie występuje w tym samym czasie. Tak więc uczestnicy/użytkownicy synchroniczni mogą natychmiast otrzymać informację zwrotną. Asynchroniczny pozwala na naukę we własnym czasie.
Aby odpowiedzieć, concole.log jest asynchroniczny.Pokażę ci, dlaczego tak jest, pokazując przykłady, w szczególności sortowanie tablicy obiektów w bardziej wydajny sposób.Zacznijmy.
Załóżmy, że masz następujące obiekty w swojej tablicy:
| let users = [ { imię: "Nicole" , wiek: 20, nazwisko: "Luna" } , { imię: "Cara" , wiek: 21, nazwisko: "Lim" } , { imię: "Lara" , wiek: 20, nazwisko: "Tuazon" }; ] |
obiekty macierzowe
Musisz posortować tę tablicę według nazwy pola, co zwykle robi się w następujący sposób.
| / / po imieniu ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1); / / według wieku ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => a.age> b.name ? 1 : -1); |
sortowanie obiektów tablicowych
Aby ułożyć to w bardziej efektywny sposób, będziesz miał tak:
| users.sort(byField( 'name' )); users.sort(byField( 'age' )); |
sortowanie obiektów tablicowych (prosty sposób)
Aby to zrobić, musisz napisać funkcję "Byfield", aby przejść i posortować do Array.prototype.sort obiektów w twojej tablicy. Cóż, nie jest to główny cel tego artykułu, ale proszę spojrzeć poniżej przykład, aby zakończyć powyższy przykład w prosty sposób.
| > let users = [ { imię: "Nicole" , wiek: 20, nazwisko: "Luna" } , { imię: "Cara" , wiek: 21, nazwisko: "Lim" } , { imię: "Lara" , wiek: 20, nazwisko: "Tuazon" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(users); (3) [ { ... }, { ... }, { ... } ] > 0: { imię: " Lara ", wiek: " 20 " , nazwisko: " Tuazon " } > 1: { imię: " Nicole ", wiek: " 20 " , nazwisko: " Luna " } > 1: { imię: " Cara ", wiek: " 21 " , nazwisko: " Lim " } długość: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { imię: " Lara ", wiek: " 20 " , nazwisko: " Tuazon " } > 1: { imię: " Nicole ", wiek: " 20 " , nazwisko: " Luna " } > 1: { imię: " Cara ", wiek: " 21 " , nazwisko: " Lim " } długość: 3 > _proto_: Array (0) |
posortowane obiekty tablicowe
Możesz zobaczyć z powyższej tabeli, że sortuję obiekty tablicowe dwukrotnie, najpierw sortuję według nazwy, a następnie według wieku, a po każdej operacji sortowania uruchamiam console.log (). Ponadto, być może zauważyłeś, że console.log() przywrócił to samo wyjście dla każdego sortu wyniku, ale tak nie jest; pozwól mi wyjaśnić, dlaczego.
Uruchomiłem powyższy kod wszystkie naraz, a następnie postanowiłem rozwinąć każdą reakcję z console.log (). Jest to znaczące, ponieważ console.log() jest asynchroniczna.
Zobacz też: Wszystko i każda rzecz: czy są takie same? - Wszystkie różniceJeśli chodzi o Event Loop, wszystkie funkcje asynchroniczne docierają do tablicy zdarzeń. W tym przypadku, po wywołaniu console.log(), przechodzi do Event Table i czeka na wystąpienie konkretnego zdarzenia.
Kiedy wystąpi zdarzenie, console.log() zostanie wysłana do Event Queue, gdzie czeka, aż wszystkie procesy w tej Event Queue, które były obecne już w momencie umieszczenia twojego console.log i zostały wysłane do Call Stack, wtedy twoja console.log() jest wysyłana również do tego Call Stack.
Jak otworzyć konsolę Javascript Console.log?
W przeglądarkach internetowych Konsola jest jednym z kilku Narzędzi Deweloperskich. Aby rozwiązać problemy z kodem JavaScript, możesz użyć Konsoli. Konsolę można znaleźć w wielu miejscach w zależności od przeglądarki.
W tym poradniku nauczę Cię, gdzie odkryć Konsolę w przeglądarce Google Chrome.
Kroki, jak otworzyć dziennik konsoli w Chrome
Przyjrzyjmy się, jak otworzyć dziennik konsoli Chrome.
- Wybierz opcję Inspect z menu podręcznego, gdy przeglądarka Chrome jest otwarta.
- Zakładka "Elements" w Developer Tools zostanie domyślnie otwarta po uruchomieniu Inspecta. Po prawej stronie "Elements" kliknij "Console".
- Można teraz wyświetlić Konsolę oraz wszelkie dane wyjściowe zapisane w dzienniku Konsoli.
Możesz również otworzyć Narzędzia dla programistów Chrome za pomocą kilku skrótów klawiszowych. W zależności od wersji twojego Chrome, możesz użyć następujących skrótów:
Dla systemów Windows i Linux,
| Ctrl + Shift + I | Pojawia się okno Narzędzia dla programistów. |
| Ctrl + Shift + J | Wybiera kartę Konsola w Narzędziach dla programistów. |
| Ctrl + Shift + C | Tryb Inspect Element przełącza się |
Skróty klawiszowe
Myśli końcowe
Na stronie główna różnica między printIn a console.log jest ich funkcja i wynik kodeksu . PrintIn drukuje tekst do konsoli, podczas gdy console.log drukuje wszelkie zmienne z zakodowanymi wcześniej ciągami.
Zasadniczo te funkcje Javascript pozwalają na drukowanie i wyświetlanie zmiennych i tekstu do konsoli. W JavaScript można drukować za pomocą różnych metod.
Metoda logu konsoli JavaScript jest najczęściej używaną opcją podczas debugowania. Aby skuteczniej debugować swój kod, powinieneś przećwiczyć je wszystkie i nauczyć się, jak poprawnie z nich korzystać.
Programiści i deweloperzy często wykorzystywali je do drukowania wszelkich zmiennych, które zostały w nim wstępnie zdefiniowane, a także wszelkich informacji, które muszą być przedstawione użytkownikowi.
