Care este diferența dintre printIn și console.log în JavaScript? (Răspuns) - Toate diferențele
Cuprins
JavaScript este un limbaj de programare disponibil numai în browserele web. Consola JavaScript este o interfață de linie de comandă din browserul dvs. care vă permite să executați fragmente de cod. Atunci când acel fragment de cod este conceput pentru a interacționa cu pagina web pe care o vizualizați în acel moment, pot apărea rezultate neașteptate.
"PrintIn" face ca textul să fie tipărit pe consolă, în timp ce dumneavoastră puteți utiliza "console.log" pentru a o înregistra și a o utiliza în diverse scopuri, cum ar fi trimiterea ei prin e-mail ca raport de eroare.
Dacă sunteți programator, știți cât de important este să folosiți și să înțelegeți limbajele de scripting precum JavaScript. Cu toate acestea, există momente în care puteți fi confuz în legătură cu funcțiile acestuia.
La fel ca funcția printIn și funcția console.log. Pentru a vă ajuta să înțelegeți diferența și aplicarea acestor două funcții, vă voi explica ce înseamnă și cum funcționează.
Să începem!
Ce este JavaScript?
Ce este JavaScript?
JavaScript este un limbaj de scripting pentru crearea de materiale actualizate în mod regulat, pentru controlul multimedia, pentru animarea graficii și pentru aproape orice altceva.
Limbajul de programare JavaScript are anumite capacități de programare standard care vă permit să faceți lucruri precum:
- Atunci când anumite evenimente se produc pe o pagină web, puteți răspunde la un cod care rulează.
- Puteți utiliza variabile pentru a stoca date utile.
- Puteți folosi "șiruri de caractere", care este o operațiune de editare a textului în programare.
Pe de altă parte, funcționalitatea adăugată pe lângă limbajul JavaScript al utilizatorului este și mai interesantă. Interfețele de programare a aplicațiilor (API) oferă codului JavaScript funcții suplimentare.
Vezi si: Bărbat VS. Bărbați: diferențe și utilizări - Toate diferențelePe scurt, JavaScript are o mulțime de funcții care vă permit să controlați ceea ce codificați. Aceste funcții includ printIn și console.log.
Ce este PrintIn?
codare
PrintIn este o metodă Java de afișare a textului în consolă. Această metodă acceptă acest text ca parametru sub forma unui șir de caractere. Această abordare tipărește textul în consolă, menținând cursorul la începutul liniei următoare.
Următoarea tipărire începe pe linia următoare Există mai multe metode printIn, cum ar fi:
| void printIn() | Scrie șirul separator de linie pentru a încheia linia curentă. |
| void printIn(boolean x) | Linia se termină după imprimarea unui boolean. |
| void printIn(char x) | Linia se termină după imprimarea unui caracter. |
| void print(char [ ] x) | Linia se termină după imprimarea unei serii de caractere. |
| void printIn(double x) | Linia se termină după imprimarea unei linii duble. |
| void printIn(float x) | Linia se termină după tipărirea afloat. |
| void printIn(int x) | Linia se termină după imprimarea unui număr întreg. |
| void printIn(long x) | Linia se termină după tipărire. |
| void printIn(Obiect x) | Linia se termină după imprimarea unui obiect. |
| void printIn(String x) | Linia se termină după imprimarea unui șir de caractere. |
Utilizarea diferitelor metode în printIn
Deși are multe metode pe care le puteți utiliza în codificarea lucrării, este posibil să întâlniți o altă metodă de afișare a textului în consolă. În consolă, există două metode prin care vă puteți imprima lucrarea, prima este printIn, în timp ce cealaltă este print.
Pentru ca să nu vă confundați între aceste două metode de tipărire, să definim diferența dintre cea de-a doua metodă de tipărire, tiparul.
Print este o metodă Java de afișare a textului în consolă. Această metodă acceptă acest text ca parametru sub forma unui șir de caractere. Această abordare tipărește textul în consolă, menținând cursorul la sfârșitul liniei următoare.
Următoarea tipărire va începe chiar aici Există mai multe metode printIn, cum ar fi:
| void print(boolean b) | Se tipărește o valoare booleană. |
| void print(char c) | Se tipărește un caracter. |
| void print(char [ ] s) | Se tipărește o matrice de caractere. |
| void print(double d) | Se tipărește un număr în virgulă mobilă de precizie dublă. |
| void print(float f) | Se tipărește un număr în virgulă mobilă. |
| void print(int i) | Se tipărește un număr întreg. |
| void print(long l) | Se tipărește un număr întreg lung. |
| void print(Obiect obj) | Se tipărește un obiect. |
| void print(String s) | Se tipărește un șir de caractere. |
Utilizarea diferitelor metode de imprimare
Pe scurt, diferența cheie dintre cele două este plasarea textului tipărit în consolă. PrintIn este la începutul liniei următoare, în timp ce Print este la la sfârșitul liniei următoare.
Dacă sunteți interesat să aflați despre windows 10-pro și pro-n, consultați celălalt articol al meu.
Ce este Console.log?
Consola.log
Consola este un obiect JavaScript care vă oferă acces la consola de depanare a browserului.
Consola.log este o funcție JavaScript care tipărește toate variabilele care au fost definite anterior în ea, precum și orice informație care trebuie afișată utilizatorului.
Orice tip poate fi transmis la log(), inclusiv șiruri de caractere, matrici, obiecte și booleeni.
Rezultatul metodei console.log() este vizibil în consola JavaScript, care este accesibilă prin intermediul instrumentului de dezvoltare al browserului. Tot ceea ce se afișează cu console.log() este accesibil tuturor utilizatorilor finali, indiferent de grupul sau rolul acestora.
Să aruncăm o privire la modul în care o puteți utiliza și la rezultatul după utilizarea acestei funcții.
| JavaScript | Ieșire |
// consola. log() metoda
| abc 1 adevărat null nedefinit Vezi si: Cât de vizibilă este o diferență de înălțime de 3 inch între două persoane - Toate DiferențeleArray(4) [ 1, 2, 3, 4 ] Obiect { a : 1, b : 2 , c : 3 } |
Intrare și ieșire utilizând console.log
Ce este metoda Print to Console cu Console.log în Javascript?
Este cea mai populară și mai utilizată metodă de consolă din JavaScript. Această metodă este utilizată frecvent pentru a imprima diverse mesaje sau rezultate de calcul în consolă sau chiar în timpul depanării codului.
Ați scris un cod care adună două numere și ați dori să vedeți rezultatul operațiunii pe consolă; în acest caz, puteți utiliza metoda console.log().
Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Console.log este sincron sau asincron?
Înainte de a discuta cu voi dacă console.log este sincron sau asincron, voi defini mai întâi ce înseamnă sincron și asincron.
Sincron înseamnă că are loc în același timp, în timp ce asincron înseamnă că nu are loc în același timp. Astfel, participanții/utilizatorii din cadrul unui curs sincron pot primi feedback imediat. Asincron vă permite să învățați în propriul timp.
Pentru a răspunde, concole.log este asincron. Vă voi arăta de ce este așa, prin exemple, în special sortarea unui array de obiecte într-un mod mai eficient. Să începem.
Să presupunem că aveți următoarele obiecte în matrice:
| let users = [ { nume: "Nicole" , vârstă: 20, nume de familie: "Luna" } , { nume: "Cara" , vârstă: 21, nume de familie: "Lim" } , { nume: "Lara" , vârstă: 20, nume de familie: "Tuazon" }; ] |
obiecte de matrice
Trebuie să sortați această matrice după numele câmpului, ceea ce se face de obicei după cum urmează.
| / / după nume ( Cara, Lara, Nicole ) users.sort ( ( ( a, b ) => a.name> b.name ? 1 : -1); / / după vârstă ( Lara, Nicole, Cara ) users.sort ( ( ( a, b ) => a.age> b.name ? 1 : -1); |
sortarea obiectelor de matrice
Pentru a le aranja într-un mod mai eficient, veți avea așa:
| users.sort(byField( 'name' )); users.sort(byField( 'age' )); |
sortarea obiectelor de tip array (mod simplu)
Pentru a face acest lucru, trebuie să scrieți funcția "Byfield" pentru a o trece și a o sorta la Array.prototype.sort a obiectelor din matricea dvs. Ei bine, acesta nu este obiectivul principal al acestui articol, dar vă rugăm să priviți exemplul de mai jos pentru a completa exemplul de mai sus într-un mod simplu.
| > let users = [ { nume: "Nicole" , vârstă: 20, nume de familie: "Luna" } , { nume: "Cara" , vârstă: 21, nume de familie: "Lim" } , { nume: "Lara" , vârstă: 20, nume de familie: "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: { nume: " Lara ", vârstă: " 20 " , nume de familie: " Tuazon " } > 1: { nume: " Nicole ", vârstă: " 20 " , nume de familie: " Luna " } > 1: { nume: " Cara ", vârstă: " 21 " , nume de familie: " Lim " } lungime: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { nume: " Lara ", vârstă: " 20 " , nume de familie: " Tuazon " } > 1: { nume: " Nicole ", vârstă: " 20 " , nume de familie: " Luna " } > 1: { nume: " Cara ", vârstă: " 21 " , nume de familie: " Lim " } lungime: 3 > _proto_: Array (0) |
obiecte de matrice sortate
Puteți vedea din tabelul de mai sus că sortez obiectele din array de două ori, sortez mai întâi după nume, apoi după vârstă, iar după fiecare operațiune de sortare, execut consola.log (). De asemenea, este posibil să fi observat că consola.log() a restaurat același rezultat pentru fiecare sortare a rezultatului, dar nu este cazul; permiteți-mi să explic de ce.
Am rulat codul de mai sus deodată, apoi am decis să extind fiecare reacție din console.log (). Acest lucru este semnificativ deoarece console.log() este asincron.
În ceea ce privește bucla de evenimente, toate funcțiile asincrone ajung la tabelul de evenimente. În acest caz, după ce se afișează console.log(), se trece la tabelul de evenimente și se așteaptă să apară un anumit eveniment.
Atunci când apare un eveniment, console.log() va fi trimis în coada de evenimente, unde așteaptă până când toate procesele din această coadă de evenimente care erau deja prezente atunci când console.log este plasat și au fost trimise la Call Stack, apoi console.log() este trimis și el la această stivă de apeluri.
Cum se deschide consola.log Javascript?
În browserele web, Consola este unul dintre cele câteva instrumente de dezvoltare. Pentru a vă depana codul JavaScript, puteți utiliza Consola. Consola poate fi găsită în mai multe locuri, în funcție de browser.
În acest tutorial vă voi învăța unde să descoperiți Consola în browserul Google Chrome.
Pași pentru a deschide jurnalul consolei în Chrome
Să vedem cum să deschidem jurnalul consolei Chrome.
- Selectați Inspect din meniul pop-up în timp ce browserul Chrome este deschis.
- Fila "Elements" din Developer Tools va fi deschisă în mod implicit atunci când rulați Inspect. În dreapta "Elements", faceți clic pe "Console".
- Acum puteți vizualiza Consola, precum și orice ieșire înregistrată în jurnalul Consola.
De asemenea, puteți deschide Chrome Developer Tools (Instrumente pentru dezvoltatori Chrome) utilizând o serie de taste de comandă rapidă. În funcție de versiunea de Chrome, puteți utiliza următoarele comenzi rapide:
Pentru Windows și Linux,
| Ctrl + Shift + I | Apare fereastra Developer Tools (Instrumente pentru dezvoltatori). |
| Ctrl + Shift + J | Selectează fila Console din Developer Tools (Instrumente de dezvoltare). |
| Ctrl + Shift + C | Modul de inspectare a elementelor comută |
Tastele de comandă rapidă
Gânduri finale
The principala diferență între printIn și console.log este funcția lor și rezultatul codului PrintIn tipărește textul în consolă, în timp ce console.log tipărește toate variabilele cu șiruri de caractere care au fost codificate anterior.
Practic, aceste funcții din Javascript vă permit să imprimați și să afișați variabilele și textul în consolă. În JavaScript, puteți imprima folosind o varietate de metode.
Metoda jurnalului de consolă JavaScript este cea mai frecvent utilizată opțiune atunci când se face depanarea. Pentru a vă depana codul mai eficient, ar trebui să le exersați pe toate și să învățați cum să le utilizați corect.
Programatorii și dezvoltatorii le foloseau adesea pentru a imprima orice variabile predefinite în el, precum și orice informație care trebuie prezentată utilizatorului.
