Kakšna je razlika med printIn in console.log v javascriptu? (Odgovorjeno) - Vse razlike

 Kakšna je razlika med printIn in console.log v javascriptu? (Odgovorjeno) - Vse razlike

Mary Davis

JavaScript je programski jezik, ki je na voljo samo v spletnih brskalnikih. Konzola JavaScript je vmesnik ukazne vrstice v brskalniku, ki vam omogoča izvajanje delov kode. Kadar je del kode namenjen interakciji s trenutno prikazano spletno stranjo, lahko pride do nepričakovanih rezultatov.

"PrintIn" povzroči, da se besedilo natisne v konzola, medtem ko ga lahko s funkcijo "console.log" zabeležite in uporabite za različne namene, na primer za pošiljanje po elektronski pošti kot poročilo o napaki.

Če ste programer, veste, kako pomembna je uporaba in razumevanje skriptnih jezikov, kot je JavaScript. Vendar se včasih zgodi, da ste zmedeni glede njegovih funkcij.

Tako kot funkciji printIn in console.log. Da bi lažje razumeli razliko in uporabo teh dveh funkcij, bom razložil, kaj pomenita in kako delujeta.

Začnimo!

Kaj je JavaScript?

Kaj je JavaScript?

JavaScript je skriptni jezik za ustvarjanje redno posodobljenega gradiva, nadzor večpredstavnostnih vsebin, animiranje grafike in skoraj vse drugo.

Programski jezik JavaScript ima nekatere standardne programske zmožnosti, s katerimi lahko na primer:

  • Ko se na spletni strani pojavijo določeni dogodki, se lahko odzovete z delujočo kodo.
  • Spremenljivke lahko uporabite za shranjevanje uporabnih podatkov.
  • Uporabite lahko "nizov", ki je operacija za urejanje besedila v programiranju.

Še bolj zanimive so funkcionalnosti, ki so dodane uporabniškemu jeziku JavaScript. Vmesniki za programiranje aplikacij (API) dajejo kodi JavaScript dodatne funkcije.

Skratka, JavaScript ima veliko funkcij, s katerimi lahko nadzorujete, kaj kodirate. Te funkcije vključujejo printIn in console.log.

Kaj je PrintIn?

kodiranje

PrintIn je metoda Java za prikaz besedila v konzoli. Ta metoda sprejme to besedilo kot parameter v obliki niza. Pri tem pristopu se besedilo izpiše v konzolo, pri tem pa kurzor ostane na začetku naslednje vrstice.

Naslednje tiskanje se začne v naslednji vrstici. . Obstaja več metod printIn, kot so:

void printIn() Zapiše niz za ločilo vrstice na koncu trenutne vrstice.
void printIn(boolean x) Vrstica se zaključi, ko se izpiše logično število.
void printIn(char x) Vrstica se zaključi po izpisu znaka.
void print(char [ ] x) Vrstica se zaključi po izpisu niza znakov.
void printIn(double x) Vrstica se zaključi po izpisu dvojne vrstice.
void printIn (float x) Vrstica se zaključi po izpisu afloat.
void printIn(int x) Vrstica se zaključi po izpisu celega števila.
void printIn(long x) Vrstica se zaključi po tiskanju vzdolž.
void printIn(Objekt x) Vrstica se po izpisu predmeta zaključi.
void printIn(String x) Vrstica se po izpisu niza zaključi.

Uporaba različnih metod v printIn

Čeprav ima veliko metod, ki jih lahko uporabite pri kodiranju svojega dela, lahko naletite na drugo metodo za prikaz besedila v konzoli. V konzoli obstajata dve metodi, s katerima lahko izpišete svoje delo, prva je printIn, druga pa print.

Da se ne bi zmedli med tema dvema načinoma tiskanja, opredelimo razliko med drugim načinom tiskanja, tj. tiskanjem.

Natisni je metoda Java za prikaz besedila v konzoli. Ta metoda sprejme to besedilo kot parameter v obliki niza. Pri tem pristopu se besedilo izpiše v konzolo, pri tem pa kazalec ostane na koncu naslednje vrstice.

Naslednje tiskanje se bo začel tukaj. . Obstaja več metod printIn, kot so:

void print(boolean b) Izpiše se logična vrednost.
void print(char c) Natisne se znak.
void print(char [ ] s) Natisne se niz znakov.
void print(double d) Izpiše se število s plavajočo vejico z dvojno natančnostjo.
void print (float f) Natisne se število s plavajočo vejico.
void print(int i) Natisne se celo število.
void print(long l) Natisne se dolgo celo število.
void print(Objekt obj) Predmet se natisne.
void print(String s) Natisne se niz.

Uporaba različnih metod pri tiskanju

Na kratko, Ključna razlika med njima je postavitev besedila, ki se izpiše v konzoli. PrintIn je na začetku naslednje vrstice, medtem ko je Print na na koncu naslednje vrstice.

Če vas zanimajo informacije o operacijskih sistemih windows 10-pro in pro-n, si oglejte moj drugi članek.

Kaj je Console.log?

Console.log

Konzola je objekt JavaScript, ki omogoča dostop do konzole za odpravljanje napak v brskalniku.

Console.log je funkcija JavaScript, ki izpiše vse spremenljivke, ki so bile v njej predhodno določene, in vse informacije, ki jih je treba prikazati uporabniku.

Izpis se večinoma prijavi (izpiše) na terminal. Funkciji log() lahko posredujete katero koli vrsto, vključno z nizi, polji, predmeti in logičnimi vrednostmi.

Izpis metode console.log() je viden v konzoli JavaScript, ki je dostopna prek orodja za razvijalce v brskalniku. Vse, kar izpišete s console.log(), je dostopno vsem končnim uporabnikom, ne glede na njihovo skupino ali vlogo.

Oglejmo si, kako jo lahko uporabite in kakšen je rezultat po uporabi te funkcije.

JavaScript Izhod
// console. log() metoda

console.log('abc');

console.log(1);

konzola .log(true);

konzola .log(null);

konzola .log(nedefinirano);

konzola .log([1, 2, 3, 4]); // polje znotraj lo g

konzola .log({a:1, b:2, c:3}); // objekt znotraj lo g

abc

1

Resnično

null

nedefinirano

Array(4) [ 1, 2, 3, 4 ]

Objekt { a : 1, b : 2 , c : 3 }

Vnos in iznos z uporabo console.log

Kaj je metoda Tiskaj v konzolo z metodo Console.log v javascriptu?

To je najbolj priljubljena in pogosto uporabljena konzolna metoda v javascriptu. Ta metoda se pogosto uporablja za tiskanje različnih sporočil ali rezultatov izračunov v konzolo ali celo pri odpravljanju napak v kodi.

Napisali ste kodo, ki sešteva dve številki, in želite v konzoli videti rezultat te operacije; v tem primeru lahko uporabite metodo console.log().

 Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); 

Ali je Console.log sinhroni ali asinhroni?

Preden vam povem, ali je console.log sinhroni ali asinhroni, bom najprej opredelil, kaj sta sinhroni in asinhroni.

Sinhrono pomeni, da poteka istočasno, asinhrono pa, da ne poteka istočasno. Tako lahko udeleženci/uporabniki v sinhronem načinu takoj prejmejo povratne informacije. Asinhroni način omogoča učenje v svojem času.

Odgovor: concole.log je asinhroni. S primeri vam bom pokazal, zakaj je tako, zlasti z učinkovitejšim razvrščanjem polja predmetov.

Recimo, da imate v polju naslednje predmete:

let users = [ { ime: "Nicole" , starost: 20 let, priimek: "Luna" } , { ime: "Cara" , starost: 21 let, priimek: "Lim" } , { ime: "Lara" , starost: 20 let, priimek: "Tuazon" }; ]

predmeti v obliki polja

To polje morate razvrstiti po imenu polja, kar običajno storite na naslednji način.

/ / po imenu ( Cara, Lara, Nicole )

users.sort ( ( ( a, b ) => a.name> b.name ? 1 : -1);

/ / po starosti ( Lara, Nicole, Cara )

users.sort ( ( ( a, b ) => a.age> b.name ? 1 : -1);

razvrščanje objektov v polju

Za učinkovitejšo organizacijo je potrebno naslednje:

users.sort(byField("name" ));

users.sort(byField("age" ));

razvrščanje objektov v polju (preprost način)

V ta namen morate napisati funkcijo "Byfield", ki jo posredujete in razvrstite v Array.prototype.sort objektov v vašem polju. No, to ni glavni poudarek tega članka, vendar si oglejte spodnji primer, da na preprost način dokončate zgornji primer.

> let users = [ { ime: "Nicole" , starost: 20 let, priimek: "Luna" } , { ime: "Cara" , starost: 21 let, priimek: "Lim" } , { ime: "Lara" , starost: 20 let, priimek: "Tuazon" }; ]

funkcija byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; }

users.sort(byField("name") ) );

concole.log(users);

users.sort(byField("age") ) );

concole.log(users);

(3) [ { ... }, { ... }, { ... } ]

Poglej tudi: Severna Dakota proti Južni Dakoti (primerjava) - vse razlike

> 0: { ime: " Lara ", starost: " 20 " , priimek: " Tuazon " }

> 1: { ime: " Nicole ", starost: " 20 " , priimek: " Luna " }

> 1: { ime: " Cara ", starost: " 21 " , priimek: " Lim " }

dolžina: 3

> _proto_: Polje (0)

(3) [ { ... }, { ... }, { ... } ]

> 0: { ime: " Lara ", starost: " 20 " , priimek: " Tuazon " }

> 1: { ime: " Nicole ", starost: " 20 " , priimek: " Luna " }

> 1: { ime: " Cara ", starost: " 21 " , priimek: " Lim " }

dolžina: 3

> _proto_: Polje (0)

razvrščeni predmeti v polju

Iz zgornje tabele lahko vidite, da sem objekte v polju razvrstil dvakrat, najprej po imenu, nato po starosti, po vsaki operaciji razvrščanja pa sem zagnal console.log (). Prav tako ste morda opazili, da console.log() obnovi enak rezultat za vsako vrsto rezultata, vendar temu ni tako; naj pojasnim, zakaj.

Zgornjo kodo sem izvedel naenkrat, nato pa sem se odločil razširiti vsako reakcijo iz console.log (). To je pomembno, ker je console.log() asinhrona.

Kar zadeva dogodkovno zanko, vse asinhrone funkcije pridejo v tabelo dogodkov. V tem primeru se po priklicu console.log() nadaljuje v tabelo dogodkov in čaka na pojav določenega dogodka.

Poglej tudi: Razlika med 5.56 in 22LR (razloženo!) - Vse razlike

Ko se zgodi dogodek, se console.log() pošlje v čakalno vrsto za dogodke, kjer počaka, da se vsi procesi v tej čakalni vrsti za dogodke, ki so bili prisotni že ob postavitvi console.log in so bili poslani v sklad klicev, pošljejo tudi v ta sklad klicev.

Kako odpreti Javascript Console.log?

V spletnih brskalnikih je konzola eno od več orodij za razvijalce. Za odpravljanje težav s kodo JavaScript lahko uporabite konzolo. Konzola je na voljo na več mestih, odvisno od brskalnika.

V tem vodniku vas bom naučil, kje lahko v brskalniku Google Chrome odkrijete konzolo.

Koraki za odprtje konzolnega dnevnika v Chromu

Oglejmo si, kako odpreti konzolni dnevnik Chroma.

  1. Ko je odprt brskalnik Chrome, v priročnem meniju izberite možnost Inspect.
  2. Ko zaženete program Inspect, se privzeto odpre zavihek "Elementi" v orodjih za razvijalce. Na desni strani zavihka "Elementi" kliknite "Konzola".
  3. Zdaj si lahko ogledate konzolo in vse izhodne podatke, zapisane v dnevnik konzole.

Orodja za razvijalce Chrome lahko odprete tudi s številnimi bližnjicami. Glede na različico brskalnika Chrome lahko uporabite naslednje bližnjice:

Za Windows in Linux,

Ctrl + Shift + I Prikaže se okno Orodja za razvijalce.
Ctrl + Shift + J V orodjih za razvijalce izbere zavihek Konzola.
Ctrl + Shift + C Način pregleda elementa preklopi

Bližnjice

Končne misli

Spletna stran glavna razlika med printIn in console.log je njuna funkcija in izid kodeksa . PrintIn natisne besedilo v konzolo, medtem ko console.log natisne vse spremenljivke z nizi, ki so bili predhodno kodirani.

Te funkcije Javascript v osnovi omogočajo tiskanje in prikaz spremenljivk in besedila v konzoli. V JavaScript lahko tiskate z različnimi metodami.

Metoda log v konzoli JavaScripta je najpogosteje uporabljena možnost pri razhroščevanju. Če želite svojo kodo razhroščevati učinkoviteje, morate vse te možnosti prakticirati in se naučiti, kako jih pravilno uporabljati.

Programerji in razvijalci jih pogosto uporabljajo za tiskanje vseh spremenljivk, ki so bile v njem vnaprej določene, in vseh informacij, ki jih je treba predstaviti uporabniku.

    Mary Davis

    Mary Davis je pisateljica, ustvarjalka vsebine in navdušena raziskovalka, specializirana za primerjalno analizo različnih tem. Z diplomo iz novinarstva in več kot petimi leti izkušenj na tem področju ima Mary strast do zagotavljanja nepristranskih in jasnih informacij svojim bralcem. Njena ljubezen do pisanja se je začela že v mladosti in je bila gonilna sila njene uspešne pisateljske kariere. Maryna sposobnost raziskovanja in predstavitve ugotovitev v lahko razumljivi in ​​privlačni obliki je priljubila bralce po vsem svetu. Ko ne piše, Mary rada potuje, bere in preživlja čas z družino in prijatelji.