Mis vahe on printIn ja console.log vahel JavaScriptis? (Vastatud) - Kõik erinevused
Sisukord
JavaScript on programmeerimiskeel, mis on saadaval ainult veebibrauserites. JavaScript-konsool on teie brauseris olev käsurea liides, mis võimaldab teil käivitada koodilõike. Kui see koodilõik on mõeldud interaktsiooniks veebilehega, mida te parajasti vaatate, võivad ilmneda ootamatud tulemused.
"PrintIn" paneb teksti printima. konsooli, samas kui te võite kasutada "console.log", et seda logida ja kasutada seda erinevatel eesmärkidel, näiteks saata see e-posti teel vearaportina.
Kui olete programmeerija, siis teate, kui oluline on kasutada ja mõista selliseid skriptimiskeeli nagu JavaScript. Siiski on olukordi, kus võite selle funktsioonide osas segaduses olla.
Nii nagu funktsioonid printIn ja console.log. Et aidata teil mõista nende kahe funktsiooni erinevust ja rakendamist, selgitan, mida nad tähendavad ja kuidas nad töötavad.
Alustame!
Mis on JavaScript?
Mis on JavaScript?
JavaScript on skriptimiskeel regulaarselt ajakohastatava materjali loomiseks, multimeedia kontrollimiseks, graafika animeerimiseks ja peaaegu kõigeks muuks.
JavaScript programmeerimiskeelel on teatud standardsed programmeerimisvõimalused, mis võimaldavad teha selliseid asju nagu:
- Kui veebilehel toimuvad teatud sündmused, saate reageerida jooksvale koodile.
- Kasulike andmete salvestamiseks saab kasutada muutujaid.
- Saate kasutada "stringid", mis on teksti redigeerimise operatsioon programmeerimisel
Teisest küljest on kasutaja JavaScripti keelele lisatud funktsionaalsus veelgi huvitavam. Rakendusprogrammide liidesed (API) annavad teie JavaScripti koodile lisafunktsioone.
Lühidalt öeldes on JavaScriptil palju funktsioone, mis võimaldavad teil kontrollida, mida te kodeerite. Nende funktsioonide hulka kuuluvad printIn ja console.log.
Mis on PrintIn?
kodeerimine
PrintIn on Java meetod teksti kuvamiseks konsoolis. See meetod võtab selle teksti parameetrina vastu stringi kujul. Selline lähenemine väljastab teksti konsooli, hoides kursorit järgmise rea alguses.
Järgmine trükkimine algab järgmisel real On mitmeid printIn meetodeid nagu:
| void printIn() | Kirjutab rea eraldusjoone praeguse rea lõppu. |
| void printIn(boolean x) | Rida lõpetatakse pärast booleani printimist. |
| void printIn(char x) | Rida lõpetatakse pärast tähemärgi trükkimist. |
| void print(char [ ] x) | Rida lõpetatakse pärast tähemärkide massiivi trükkimist. |
| void printIn(double x) | Rida lõpetatakse pärast kahekordse rea trükkimist. |
| void printIn(float x) | Rida lõpetatakse pärast afloat'i trükkimist. |
| void printIn(int x) | Rida lõpetatakse pärast täisarvu trükkimist. |
| void printIn(long x) | Rida lõpetatakse pärast trükkimist. |
| void printIn(Objekt x) | Rida lõpetatakse pärast objekti printimist. |
| void printIn(String x) | Rida lõpetatakse pärast stringi trükkimist. |
Erinevate meetodite kasutamine printInis
Kuigi sellel on palju meetodeid, mida võite oma töö kodeerimisel kasutada, võite te kohata veel ühte meetodit teksti kuvamiseks konsoolis. Konsoolis on kaks meetodit, millega saate oma töö välja printida, esimene neist on printIn, teine aga print.
Et te ei saaksite nende kahe trükkimismeetodi vahel segadust tekitada, määratleme teise trükkimismeetodi, trükkimise erinevuse.
Print on Java meetod teksti kuvamiseks konsooli. See meetod võtab selle teksti parameetrina vastu stringi kujul. Selline lähenemine väljastab teksti konsooli, hoides kursorit järgmise rea lõpus.
Järgmine trükkimine algab siinsamas On mitmeid printIn meetodeid nagu:
| void print(boolean b) | Trükitakse boolean-väärtus. |
| void print(char c) | Trükitakse märk. |
| void print(char [ ] s) | Trükitakse tähemärkide massiivi. |
| void print(double d) | Trükitakse kahe täpsusega ujukomaarvu. |
| void print(float f) | Välja trükitakse ujukomaarv. |
| void print(int i) | Trükitakse täisarv. |
| void print(long l) | Trükitakse pikk täisarv. |
| void print(Object obj) | Objekt trükitakse välja. |
| void print(String s) | Trükitakse string. |
Erinevate meetodite kasutamine trükis
Lühidalt, peamine erinevus nende kahe vahel on konsooli trükitava teksti paigutus. PrintIn on järgmise rea alguses, samas kui Print on aadressil järgmise rea lõppu.
Kui teid huvitab windows 10-pro ja pro-n, vaadake minu teist artiklit.
Mis on Console.log?
Console.log
Konsool on JavaScripti objekt, mis annab teile juurdepääsu brauseri silumiskonsoolile.
Console.log on JavaScript-funktsioon, mis prindib kõik muutujad, mis on selles eelnevalt defineeritud, ning kogu teabe, mida on vaja kasutajale näidata.
Väljund logitakse (prinditakse) enamasti terminali. log() funktsioonile võib edastada mis tahes tüüpi, sealhulgas stringid, massiivid, objektid ja boole'id.
Meetodi console.log() väljund on nähtav JavaScript-konsoolis, mis on kättesaadav brauseri arendusvahendi kaudu. Mis iganes te console.log() abil väljastate, on kättesaadav kõigile lõppkasutajatele, sõltumata nende grupist või rollist.
Vaatame, kuidas seda kasutada ja milline on väljund pärast selle funktsiooni kasutamist.
| JavaScript | Väljund |
// console. log() meetod
| abc 1 tõsi null undefined Array(4) [ 1, 2, 3, 4 ] Objekt { a : 1, b : 2 , c : 3 } |
Sisend ja väljund, kasutades console.log
Mis on Print to Console meetodiga Console.log Javascriptis?
See on JavaScripti kõige populaarsem ja laialdaselt kasutatav konsoolimeetod. Seda meetodit kasutatakse sageli erinevate teadete või arvutustulemuste väljastamiseks konsooli või isegi koodi silumiseks.
Olete kirjutanud koodi, mis liidab kaks arvu, ja soovite selle operatsiooni tulemust konsoolil näha; sel juhul saate kasutada meetodit console.log().
Dokument var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Kas Console.log on sünkroonne või asünkroonne?
Enne kui ma arutan teiega, kas console.log on sünkroonne või asünkroonne, määratlen kõigepealt, mis on sünkroonne ja mis on asünkroonne.
Sünkroonne tähendab, et see toimub samal ajal, samas kui asünkroonne tähendab, et see ei toimu samal ajal. Seega saavad osalejad/kasutajad sünkroonses õppes kohe tagasisidet. Asünkroonne võimaldab õppida omal ajal.
Vastuseks, concole.log on asünkroonne. Näitan teile, miks on see nii, näidates näiteid, eriti objektide massiivi sorteerimist tõhusamalt. Alustame.
Oletame, et teie massiivis on järgmised objektid:
| let users = [ { nimi: "Nicole" , vanus: 20, perekonnanimi: "Luna" } , { nimi: "Cara" , vanus: 21, perekonnanimi: "Lim" } , { nimi: "Lara" , vanus: 20, perekonnanimi: "Tuazon" }; ] |
massiivi objektid
Seda massiivi tuleb sorteerida väljade nimede järgi, mida tavaliselt tehakse järgmiselt.
| / / nime järgi ( Cara, Lara, Nicole ) users.sort ( ( ( a, b ) => a.name> b.name ? 1 : -1); Vaata ka: Gmail VS Google Mail (erinevus avalikustatud) - kõik erinevused/ / vanuse järgi ( Lara, Nicole, Cara ) users.sort ( ( ( a, b ) => a.age> b.name ? 1 : -1); |
massiivi objektide sorteerimine
Et seda tõhusamalt korraldada, on teil selline:
| users.sort(byField( 'name' )); users.sort(byField( 'age' )); |
massiivi objektide sorteerimine (lihtne viis)
Selleks peate kirjutama funktsiooni "Byfield", et edastada ja sorteerida oma massiivi objektid Array.prototype.sort. Noh, see ei ole selle artikli põhifookus, kuid vaadake allpool toodud näidet, et täita ülaltoodud näide lihtsal viisil.
| > let users = [ { nimi: "Nicole" , vanus: 20, perekonnanimi: "Luna" } , { nimi: "Cara" , vanus: 21, perekonnanimi: "Lim" } , { nimi: "Lara" , vanus: 20, perekonnanimi: "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: { nimi: " Lara ", vanus: " 20 " , perekonnanimi: " Tuazon " } > 1: { nimi: " Nicole ", vanus: " 20 " , perekonnanimi: " Luna " } > 1: { nimi: " Cara ", vanus: " 21 " , perekonnanimi: " Lim " } pikkus: 3 > _proto_: Array (0) Vaata ka: Mis vahe on haigur ja haigur? (Leiame erinevuse) - Kõik erinevused(3) [ { ... }, { ... }, { ... } ] > 0: { nimi: " Lara ", vanus: " 20 " , perekonnanimi: " Tuazon " } > 1: { nimi: " Nicole ", vanus: " 20 " , perekonnanimi: " Luna " } > 1: { nimi: " Cara ", vanus: " 21 " , perekonnanimi: " Lim " } pikkus: 3 > _proto_: Array (0) |
sorteeritud massiivi objektid
Ülaltoodud tabelist näete, et ma sorteerin massiivi objektid kaks korda, sorteerin kõigepealt nime järgi, seejärel vanuse järgi ja pärast iga sorteerimisoperatsiooni käivitan console.log (). Samuti võisite täheldada, et console.log() taastab iga sorteeritud tulemuse puhul sama väljundi, kuid see ei ole nii; selgitan, miks.
Ma käivitasin ülaltoodud koodi korraga, seejärel otsustasin laiendada iga reaktsiooni console.log (). See on oluline, sest console.log() on asünkroonne.
Sündmussilmuse osas jõuavad kõik asünkroonsed funktsioonid sündmuste tabelisse. Sel juhul jätkab see pärast console.log() esilekutsumist sündmuste tabelisse ja ootab konkreetse sündmuse toimumist.
Kui sündmus toimub, saadetakse console.log() Event Queue'i, kus see ootab, kuni kõik protsessid selles Event Queue'is, mis olid juba olemas, kui teie console.log on paigutatud ja on saadetud Call Stack'i, siis teie console.log() saadetakse samuti sellesse Call Stack'i.
Kuidas avada Javascript Console.log?
Veebibrauserites on Konsool üks mitmetest arendajatööriistadest. JavaScripti koodi tõrkeotsinguks saate kasutada Konsooli. Konsool on sõltuvalt brauserist mitmes kohas.
Selles õpetuses õpetan teile, kust te Google Chrome'i brauseris konsooli avastate.
Sammud, kuidas avada konsoolilogi Chrome'is
Vaatame, kuidas avada Chrome'i konsooli logi.
- Valige hüpikmenüüst Inspect, kui Chrome'i brauser on avatud.
- Arendustööriistade vahekaart "Elements" avaneb vaikimisi, kui käivitate Inspecti. "Elements" paremal pool klõpsake "Console".
- Nüüd saate vaadata nii konsooli kui ka kõiki konsoolilogi salvestatud väljundeid.
Chrome'i arendajatööriistad saate avada ka mitmete otseteede abil. Vastavalt teie Chrome'i versioonile saate kasutada järgmisi otseteesid:
Windowsile ja Linuxile,
| Ctrl + Shift + I | Ilmub aken Arendustööriistad. |
| Ctrl + Shift + J | Valib Arendustööriistade vahekaardi Konsool. |
| Ctrl + Shift + C | Elementide kontrollimise režiimi lülitid |
Pikaklahvid
Lõplikud mõtted
The peamine erinevus printIn ja console.log vahel on nende funktsioon ja koodi tulemus . printIn prindib teksti konsooli, samas kui console.log prindib kõik muutujad, mille stringid on eelnevalt kodeeritud.
Põhimõtteliselt võimaldavad need Javascript'i funktsioonid printida ja kuvada muutujaid ja teksti konsooli. JavaScriptis saab printida erinevate meetoditega.
JavaScripti konsoolilogi meetod on kõige sagedamini kasutatav võimalus silumiseks. Et oma koodi tõhusamalt siluda, peaksite neid kõiki harjutama ja õppima, kuidas neid õigesti kasutada.
Programmeerijad ja arendajad kasutasid neid sageli selleks, et printida välja kõik muutujad, mis on selles eelnevalt määratletud, samuti mis tahes teavet, mida tuleb kasutajale esitada.
