Mi a különbség a printIn és a console.log között a JavaScriptben? (Válaszolt) - Minden különbség
Tartalomjegyzék
A JavaScript egy olyan programozási nyelv, amely csak a webböngészőkben érhető el. A JavaScript-konzol egy parancssori felület a böngészőben, amely lehetővé teszi kódrészletek futtatását. Ha ez a kódrészlet úgy van kialakítva, hogy kölcsönhatásba lépjen az éppen megtekintett weboldallal, váratlan eredmények léphetnek fel.
"PrintIn" a szöveg nyomtatására a konzol, míg a "console.log" segítségével naplózhatja és használhatja különböző célokra, például hibajelentésként e-mailben.
Ha programozó vagy, akkor tudod, hogy mennyire fontos az olyan szkriptnyelvek használata és megértése, mint a JavaScript. Vannak azonban olyan esetek, amikor nem érted a funkcióit.
Csakúgy, mint a printIn és a console.log függvény. Hogy segítsek megérteni a két függvény különbségét és alkalmazását, elmagyarázom, mit jelentenek és hogyan működnek.
Kezdjük el!
Mi az a JavaScript?
Mi az a JavaScript?
A JavaScript egy szkriptnyelv, amellyel rendszeresen frissített anyagokat hozhat létre, multimédiát vezérelhet, grafikákat animálhat, és nagyjából bármi mást.
A JavaScript programozási nyelv rendelkezik bizonyos szabványos programozási képességekkel, amelyekkel olyan dolgokat tehet, mint:
- Amikor bizonyos események bekövetkeznek egy weboldalon, egy futó kóddal reagálhat.
- Hasznos adatok tárolására használhat változókat.
- Használhatod a "string"-et, ami egy szövegszerkesztési művelet a programozásban.
A felhasználói JavaScript-nyelvhez hozzáadott funkciók viszont még érdekesebbek. Az alkalmazásprogramozási interfészek (API-k) extra funkciókat biztosítanak a JavaScript-kódnak.
Röviden, a JavaScript számos olyan funkcióval rendelkezik, amelyek lehetővé teszik, hogy ellenőrizze, mit kódol. Ezek a funkciók közé tartozik a printIn és a console.log.
Mi az a PrintIn?
kódolás
A PrintIn egy Java-módszer a szöveg megjelenítésére a konzolon. Ez a módszer a szöveget egy karakterlánc formájában paraméterként fogadja el. Ez a megközelítés a szöveget a konzolra írja ki, miközben a kurzort a következő sor elején tartja.
A következő nyomtatás a következő sorban kezdődik Számos printIn módszer létezik, mint például:
void printIn() | Kiírja a sort elválasztó karakterláncot az aktuális sor végére. |
void printIn(boolean x) | A sor egy bólus kiírása után befejeződik. |
void printIn(char x) | A sor egy karakter kiírása után befejeződik. |
void print(char [ ] x) | A sor egy karaktertömb nyomtatása után befejeződik. |
void printIn(double x) | A sor egy dupla sor nyomtatása után lezárul. |
void printIn(float x) | A sor az afloat nyomtatása után befejeződik. |
void printIn(int x) | A sor egy egész szám kiírása után befejeződik. |
void printIn(long x) | A sor a nyomtatás után véget ér. |
void printIn(Object x) | A sor egy objektum nyomtatása után befejeződik. |
void printIn(String x) | A sor egy karakterlánc kiírása után befejeződik. |
A különböző módszerek használata a printIn-ben
Bár számos olyan módszerrel rendelkezik, amelyet a munkád kódolásához használhatsz, találkozhatsz egy másik módszerrel a szöveg megjelenítésére a konzolon. A konzolon két módszer van, ahol ki tudod nyomtatni a munkádat, az első a printIn, míg a másik a print.
Hogy ne keveredjünk össze a két nyomtatási módszer között, határozzuk meg a nyomtatás második módszere, a nyomtatás közötti különbséget.
A Print egy Java-módszer a szöveg megjelenítésére a konzolon. Ez a módszer a szöveget egy karakterlánc formájában paraméterként fogadja el. Ez a megközelítés a szöveget a konzolra írja ki, miközben a kurzort a következő sor végén tartja.
A következő nyomtatás itt fog kezdődni Számos printIn módszer létezik, mint például:
void print(boolean b) | Egy boolean érték kerül kiírásra. |
void print(char c) | Egy karakter kiírásra kerül. |
void print(char [ ] s) | A karakterek tömbje kerül kinyomtatásra. |
void print(double d) | Kétszeres pontosságú lebegőpontos számot nyomtat ki. |
void print(float f) | Egy lebegőpontos számot nyomtat ki. |
void print(int i) | Egy egész számot nyomtat ki. |
void print(long l) | Egy hosszú egész szám kerül kinyomtatásra. |
void print(Object obj) | Egy objektum ki van nyomtatva. |
void print(String s) | Egy karakterlánc kerül kinyomtatásra. |
Különböző módszerek használata nyomtatásban
Röviden, a kettő közötti legfontosabb különbség a konzolba kiírt szöveg elhelyezése. A PrintIn a következő sor elején van, míg a Print a a következő sor végére.
Ha érdekel a windows 10-pro és pro-n, nézd meg a másik cikkemet.
Mi az a Console.log?
Console.log
A konzol egy JavaScript-objektum, amely hozzáférést biztosít a böngésző hibakereső konzoljához.
A console.log egy JavaScript-funkció, amely kiírja a korábban definiált változókat, valamint minden olyan információt, amelyet a felhasználónak meg kell jeleníteni.
A kimenet többnyire a terminálra kerül naplózásra (nyomtatásra). A log()-nak bármilyen típus átadható, beleértve a karakterláncokat, tömböket, objektumokat és boolékat.
A console.log() metódus kimenete a JavaScript-konzolban látható, amely a böngésző fejlesztői eszközén keresztül érhető el. Bármit is ad ki a console.log() metódussal, az minden végfelhasználó számára elérhető, függetlenül a csoportjától vagy szerepkörétől.
Nézzük meg, hogyan használhatod, és milyen kimenetet kapsz a funkció használata után.
JavaScript | Kimenet |
// console. log() módszer
| abc Lásd még: Mi a különbség a kritériumok és a korlátozások között? (Magyarázat) - Minden különbség1 igaz null undefined Array(4) [ 1, 2, 3, 4 ] Objektum { a : 1, b : 2 , c : 3 } |
Bemenet és kimenet a console.log használatával
Mi az a nyomtatás a konzolra a Console.log módszerrel a Javascriptben?
Ez a JavaScript legnépszerűbb és legelterjedtebb konzolos módszere. Ezt a módszert gyakran használják különböző üzenetek vagy számítási eredmények kiírására a konzolra, vagy akár a kód hibakeresése során.
Írtál egy kódot, amely összead két számot, és szeretnéd látni a művelet eredményét a konzolon; ebben az esetben a console.log() metódust használhatod.
Document var num_1 = 2, num_2 = 3; console.log(num_1 + num_2);
A Console.log szinkron vagy aszinkron?
Mielőtt megvitatnám, hogy a console.log szinkron vagy aszinkron, először definiálom, hogy mi a szinkron és az aszinkron.
A szinkron azt jelenti, hogy egy időben történik, míg az aszinkron azt jelenti, hogy nem egy időben történik. Tehát a szinkronban résztvevők/felhasználók azonnal kaphatnak visszajelzést. Az aszinkron lehetővé teszi, hogy a saját idejükben tanuljanak.
Válaszul a concole.log aszinkron. Megmutatom, hogy miért van ez, példák bemutatásával, különösen egy objektumokból álló tömb rendezése hatékonyabb módon. Kezdjük.
Tegyük fel, hogy a következő objektumok vannak a tömbben:
let users = [ { név: "Nicole" , kor: 20, vezetéknév: "Luna" } , { név: "Cara" , kor: 21, vezetéknév: "Lim" } , { név: "Lara" , kor: 20, vezetéknév: "Tuazon" }; ] |
tömb objektumok
Ezt a tömböt mezőnév szerint kell rendezni, ami általában a következőképpen történik.
/ / név szerint ( Cara, Lara, Nicole ) users.sort ( ( ( a, b ) => a.name> b.name ? 1 : -1); / / kor szerint ( Lara, Nicole, Cara ) users.sort ( ( ( a, b ) => a.age> b.name ? 1 : -1); |
tömb objektumok rendezése
Ha hatékonyabban akarod elrendezni, akkor így kell tenned:
users.sort(byField( 'name' )); users.sort(byField( 'age' )); Lásd még: Szegény vagy csak egyszerűen csődbe ment: Mikor & Hogyan kell azonosítani - Minden különbség |
tömb objektumok rendezése (egyszerű módon)
Ehhez meg kell írni a "Byfield" függvényt, hogy átadja és rendezze a tömbben lévő objektumok Array.prototype.sort-ját. Nos, ez nem ennek a cikknek az elsődleges fókusza, de kérjük, nézze meg az alábbi példát, hogy a fenti példát egyszerű módon befejezze.
> let users = [ { név: "Nicole" , kor: 20, vezetéknév: "Luna" } , { név: "Cara" , kor: 21, vezetéknév: "Lim" } , { név: "Lara" , kor: 20, vezetéknév: "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: { name: " Lara ", age: " 20 " , surname: " Tuazon " } > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " } > 1: { name: " Cara ", age: " 21 " , surname: " Lim " } hossza: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { name: " Lara ", age: " 20 " , surname: " Tuazon " } > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " } > 1: { name: " Cara ", age: " 21 " , surname: " Lim " } hossza: 3 > _proto_: Array (0) |
rendezett tömb objektumok
A fenti táblázatból láthatod, hogy kétszer rendezem a tömb objektumokat, először név szerint, majd kor szerint, és minden egyes rendezési művelet után futtatom a console.log () parancsot. Azt is megfigyelhetted, hogy a console.log() minden egyes rendezési eredménynél ugyanazt a kimenetet állította vissza, de ez nem így van; hadd magyarázzam el, miért.
A fenti kódot egyszerre futtattam le, majd úgy döntöttem, hogy minden reakciót kibővítek a console.log ()-ból. Ez azért jelentős, mert a console.log() aszinkron.
Az Eseményhurok szempontjából minden aszinkron funkció az Eseménytáblába érkezik. Ebben az esetben a console.log() előhívása után az Eseménytáblába lép, és egy adott esemény bekövetkeztére vár.
Amikor egy esemény bekövetkezik, a console.log() az Event Queue-ba kerül, ahol megvárja, amíg az összes olyan folyamat ebben az Event Queue-ban, amely már jelen volt, amikor a console.log elhelyezésre került, és a Call Stack-be került, akkor a console.log() is ebbe a Call Stack-be kerül.
Hogyan nyissuk meg a Javascript Console.log-ot?
A webböngészőkben a Konzol a számos fejlesztői eszköz egyike. A JavaScript-kód hibaelhárításához használhatja a Konzolt. A Konzol a böngészőtől függően több helyen is megtalálható.
Ebben a bemutatóban megtanítom, hol fedezheti fel a konzolt a Google Chrome böngészőben.
A konzolnapló megnyitásának lépései a Chrome-ban
Nézzük meg, hogyan lehet megnyitni a Chrome konzol naplóját.
- Válassza az Inspect (Ellenőrzés) lehetőséget a felugró menüből, miközben a Chrome böngésző nyitva van.
- Az Inspect futtatásakor alapértelmezés szerint a Developer Tools "Elements" lapja nyílik meg. Az "Elements" jobb oldalán kattintson a "Console" gombra.
- Most már megtekintheti a konzolt, valamint a konzolnaplóban rögzített kimeneteket.
A Chrome fejlesztői eszközeit számos gyorsbillentyűvel is megnyithatja. A Chrome verziójától függően a következő gyorsbillentyűket használhatja:
Windows és Linux esetén,
Ctrl + Shift + I | Megjelenik a Fejlesztői eszközök ablak. |
Ctrl + Shift + J | Kiválasztja a Konzol lapot a Fejlesztői eszközökben. |
Ctrl + Shift + C | Az elem vizsgálati módjának kapcsolói |
Rövidbillentyűk
Végső gondolatok
A fő különbség a printIn és a console.log között a funkciójuk és a a kód eredménye A PrintIn kiírja a szöveget a konzolra, míg a console.log minden olyan változót kiír, amelyben korábban kódolt karakterláncok vannak.
Alapvetően a Javascript ezen függvényei lehetővé teszik a változók és a szöveg kiírását és megjelenítését a konzolra. A JavaScriptben a nyomtatás többféle módszerrel is történhet.
A JavaScript konzol naplózási módszere a leggyakrabban használt lehetőség a hibakeresés során. A kód hatékonyabb hibakeresése érdekében érdemes mindegyiket gyakorolni, és megtanulni, hogyan kell helyesen használni őket.
A programozók és a fejlesztők gyakran használták ezeket a benne előre definiált változók, valamint a felhasználó számára megjelenítendő információk nyomtatására.