Aký je rozdiel medzi printIn a console.log v JavaScripte? (zodpovedané) - Všetky rozdiely

04-06-202304-06-2023 Mary Davis

Obsah

JavaScript je programovací jazyk, ktorý je k dispozícii len vo webových prehliadačoch. Konzola JavaScript je rozhranie príkazového riadka v prehliadači, ktoré umožňuje spúšťať úryvky kódu. Keď je tento úryvok kódu navrhnutý tak, aby interagoval s práve zobrazenou webovou stránkou, môžu sa objaviť neočakávané výsledky.

"PrintIn" spôsobí, že sa text vytlačí do konzoly, zatiaľ čo pomocou "console.log" ho môžete zaznamenať a použiť na rôzne účely, napríklad poslať e-mailom ako hlásenie o chybe.

Ak ste programátor, viete, aké dôležité je používať a rozumieť skriptovacím jazykom, ako je napríklad JavaScript. Niekedy však môžete byť zmätení z jeho funkcií.

Rovnako ako funkcie printIn a console.log. Aby ste pochopili rozdiel a použitie týchto dvoch funkcií, vysvetlím, čo znamenajú a ako fungujú.

Začnime!

Čo je JavaScript?

JavaScript je skriptovací jazyk na vytváranie pravidelne aktualizovaných materiálov, ovládanie multimédií, animovanie grafiky a takmer čokoľvek iné.

Programovací jazyk JavaScript má určité štandardné programové možnosti, ktoré umožňujú napríklad:

Keď sa na webovej stránke vyskytnú určité udalosti, môžete reagovať na spustený kód.
Na ukladanie užitočných údajov môžete používať premenné.
Môžete použiť "reťazce", čo je operácia na úpravu textu v programovaní

Na druhej strane, ešte zaujímavejšie sú funkcie pridané nad používateľský jazyk JavaScript. Rozhrania pre programovanie aplikácií (API) poskytujú kódu JavaScript ďalšie funkcie.

JavaScript má skrátka veľa funkcií, ktoré vám umožňujú kontrolovať, čo kódujete. Medzi tieto funkcie patria printIn a console.log.

Čo je PrintIn?

kódovanie

PrintIn je metóda jazyka Java na zobrazenie textu na konzole. Táto metóda prijíma tento text ako parameter vo forme reťazca String. Tento prístup vypíše text na konzolu, pričom kurzor zostane na začiatku nasledujúceho riadku.

Ďalšia tlač začína na ďalšom riadku Existuje niekoľko metód printIn, ako napr:

void printIn()	Zapíše reťazec oddeľovača riadkov na koniec aktuálneho riadku.
void printIn(boolean x)	Riadok sa ukončí po vypísaní logického čísla.
void printIn(char x)	Riadok sa ukončí po vytlačení znaku.
void print(char [ ] x)	Riadok sa ukončí po vytlačení poľa znakov.
void printIn(double x)	Riadok sa ukončí po vytlačení dvojitého riadku.
void printIn(float x)	Riadok sa po vytlačení afloat ukončí.
void printIn(int x)	Riadok sa ukončí po vytlačení celého čísla.
void printIn(long x)	Riadok je po vytlačení ukončený.
void printIn(Object x)	Riadok sa po vytlačení objektu ukončí.
void printIn(String x)	Riadok sa po vytlačení reťazca ukončí.

Používanie rôznych metód v printIn

Hoci má mnoho metód, ktoré môžete použiť pri kódovaní svojej práce, môžete sa stretnúť s ďalšou metódou zobrazenia textu v konzole. V konzole existujú dve metódy, pomocou ktorých môžete svoju prácu vypísať, prvá je printIn, zatiaľ čo druhá je print.

Aby ste si tieto dve metódy tlače nemýlili, definujme si rozdiel medzi druhou metódou tlače, teda tlačou.

Tlač je metóda jazyka Java na zobrazenie textu na konzole. Táto metóda prijíma tento text ako parameter vo forme reťazca String. Tento prístup vypíše text na konzolu, pričom kurzor zostane na konci nasledujúceho riadku.

Ďalšia tlač začne práve tu Existuje niekoľko metód printIn, ako napr:

void print(boolean b)	Vypíše sa logická hodnota.
void print(char c)	Vytlačí sa znak.
void print(char [ ] s)	Vytlačí sa pole znakov.
void print(double d)	Vypíše sa číslo s plávajúcou desatinnou čiarkou s dvojitou presnosťou.
void print(float f)	Vypíše sa číslo s pohyblivou rádovou čiarkou.
void print(int i)	Vypíše sa celé číslo.
void print(long l)	Vypíše sa dlhé celé číslo.
void print(Object obj)	Vytlačí sa objekt.
void print(String s)	Vypíše sa reťazec.

Používanie rôznych metód v tlači

V skratke, kľúčovým rozdielom medzi nimi je umiestnenie textu vypísaného v konzole. PrintIn je na začiatku nasledujúceho riadku, zatiaľ čo Print je na koniec nasledujúceho riadku.

Ak vás zaujímajú informácie o systémoch Windows 10-Pro a Pro-N, pozrite si môj ďalší článok.

Čo je Console.log?

Console.log

Konzola je objekt JavaScriptu, ktorý vám poskytuje prístup k ladiacej konzole prehliadača.

Console.log je funkcia jazyka JavaScript, ktorá vypíše všetky premenné, ktoré v nej boli predtým definované, ako aj všetky informácie, ktoré sa majú zobraziť používateľovi.

Výstup je väčšinou zaznamenaný (vypísaný) na terminál. Funkcii log() možno odovzdať ľubovoľný typ vrátane reťazcov, polí, objektov a logických symbolov.

Výstup metódy console.log() je viditeľný v konzole JavaScriptu, ktorá je prístupná prostredníctvom vývojárskeho nástroja prehliadača. Všetko, čo vypíšete pomocou metódy console.log(), je prístupné všetkým koncovým používateľom bez ohľadu na ich skupinu alebo rolu.

Pozrime sa na to, ako ju môžete použiť, a na výstup po použití tejto funkcie.

JavaScript Výstup

// console. log() metóda

console.log('abc');

console.log(1);

konzola .log(true);

konzola .log(null);

konzola .log(undefined);

konzola .log([1, 2, 3, 4]); // pole vnútri lo g

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

abc

Pravda

null

nedefinované

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

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

Vstup a výstup pomocou console.log

Čo je to metóda Print to Console s Console.log v Javascripte?

Je to najpopulárnejšia a najpoužívanejšia konzolová metóda jazyka JavaScript. Táto metóda sa často používa na vypisovanie rôznych správ alebo výsledkov výpočtov do konzoly alebo aj pri ladení kódu.

Napísali ste kód, ktorý sčíta dve čísla, a chceli by ste vidieť výsledok tejto operácie na konzole; v tomto prípade môžete použiť metódu console.log().

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

Je Console.log synchrónny alebo asynchrónny?

Skôr ako s vami budem diskutovať o tom, či je console.log synchrónny alebo asynchrónny, najprv definujem, čo je synchrónny a asynchrónny.

Synchrónne znamená, že prebieha v rovnakom čase, zatiaľ čo asynchrónne znamená, že neprebieha v rovnakom čase. Účastníci/užívatelia v synchrónnom režime teda môžu získať spätnú väzbu okamžite. Asynchrónny režim umožňuje učiť sa vo svojom vlastnom čase.

Odpoveď: concole.log je asynchrónny. Ukážem vám, prečo je to tak, na príkladoch, najmä pri efektívnejšom triedení poľa objektov. Začnime.

Povedzme, že máte v poli nasledujúce objekty:

let users = [ { meno: "Nicole" , vek: 20, priezvisko: "Luna" } , { meno: "Cara" , vek: 21, priezvisko: "Lim" } , { meno: "Lara" , vek: 20, priezvisko: "Tuazon" }; ]

objekty poľa

Toto pole je potrebné zoradiť podľa názvu poľa, čo sa zvyčajne vykonáva takto.

/ / podľa mena ( Cara, Lara, Nicole )

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

/ / podľa veku ( Lara, Nicole, Cara )

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

triedenie objektov poľa

Ak to chcete usporiadať efektívnejším spôsobom, budete to mať takto:

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

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

triedenie objektov poľa (jednoduchý spôsob)

Aby ste to mohli urobiť, musíte napísať funkciu "Byfield", ktorú odovzdáte a zoradíte ju do funkcie Array.prototype.sort objektov vo vašom poli. No toto nie je hlavným cieľom tohto článku, ale pozrite si prosím nasledujúci príklad, aby ste mohli jednoducho dokončiť vyššie uvedený príklad.

> let users = [ { meno: "Nicole" , vek: 20, priezvisko: "Luna" } , { meno: "Cara" , vek: 21, priezvisko: "Lim" } , { meno: "Lara" , vek: 20, priezvisko: "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: { meno: " Lara ", vek: " 20 " , priezvisko: " Tuazon " }

Pozri tiež: Hlavné rozdiely medzi barom a krčmou - všetky rozdiely

> 1: { meno: " Nicole ", vek: " 20 " , priezvisko: " Luna " }

> 1: { meno: " Cara ", vek: " 21 " , priezvisko: " Lim " }

dĺžka: 3

> _proto_: Pole (0)

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

> 0: { meno: " Lara ", vek: " 20 " , priezvisko: " Tuazon " }

> 1: { meno: " Nicole ", vek: " 20 " , priezvisko: " Luna " }

> 1: { meno: " Cara ", vek: " 21 " , priezvisko: " Lim " }

dĺžka: 3

> _proto_: Pole (0)

Pozri tiež: Je "potrebujem ťa" & "milujem ťa" to isté?-(Fakty & Tipy) - Všetky rozdiely

objekty triedeného poľa

Z tabuľky vyššie môžete vidieť, že objekty poľa triedim dvakrát, najprv triedim podľa mena, potom podľa veku a po každej operácii triedenia spustím console.log (). Tiež ste si mohli všimnúť, že console.log() obnovuje rovnaký výstup pre každé triedenie výsledkov, ale nie je to tak; vysvetlím prečo.

Vyššie uvedený kód som spustil naraz a potom som sa rozhodol rozbaliť každú reakciu z console.log (). Je to dôležité, pretože console.log() je asynchrónny.

Pokiaľ ide o slučku udalostí, všetky asynchrónne funkcie prichádzajú do tabuľky udalostí. V tomto prípade po vyvolaní funkcie console.log() pokračuje do tabuľky udalostí a čaká na výskyt konkrétnej udalosti.

Keď nastane udalosť, console.log() sa odošle do fronty udalostí, kde čaká, kým sa všetky procesy v tejto fronte udalostí, ktoré boli prítomné už v čase umiestnenia vášho console.log a boli odoslané do zásobníka volaní, potom sa do tohto zásobníka volaní odošle aj váš console.log().

Ako otvoriť Javascript Console.log?

Vo webových prehliadačoch je konzola jedným z niekoľkých vývojárskych nástrojov. Na riešenie problémov s kódom JavaScript môžete použiť konzolu. Konzolu nájdete na mnohých miestach v závislosti od prehliadača.

V tomto návode vás naučím, kde v prehliadači Google Chrome nájdete konzolu.

Kroky na otvorenie denníka konzoly v prehliadači Chrome

Pozrime sa, ako otvoriť konzolový protokol prehliadača Chrome.

V otvorenom prehliadači Chrome vyberte z kontextovej ponuky možnosť Skontrolovať.
Po spustení programu Inspect sa predvolene otvorí karta "Prvky" v nástrojoch pre vývojárov. Vpravo od položky "Prvky" kliknite na položku "Konzola".
Teraz môžete zobraziť konzolu, ako aj všetky výstupy zaznamenané do protokolu konzoly.

Nástroje pre vývojárov Chrome môžete otvoriť aj pomocou niekoľkých klávesových skratiek. Podľa verzie prehliadača Chrome môžete použiť nasledujúce skratky:

Pre systémy Windows a Linux,

Ctrl + Shift + I	Zobrazí sa okno Nástroje pre vývojárov.
Ctrl + Shift + J	Vyberie kartu Konzola v nástrojoch pre vývojárov.
Ctrl + Shift + C	Prepínače režimu Inspect Element

Klávesové skratky

Záverečné myšlienky

Stránka hlavný rozdiel medzi printIn a console.log je ich funkcia a výsledok kódu . printIn vypíše text na konzolu, zatiaľ čo console.log vypíše všetky premenné s reťazcami, ktoré boli predtým zakódované.

Tieto funkcie Javascriptu v podstate umožňujú tlačiť a zobrazovať premenné a text na konzole. V jazyku JavaScript môžete tlačiť pomocou rôznych metód.

Metóda logu konzoly JavaScriptu je najčastejšie používanou možnosťou pri ladení. Aby ste svoj kód ladili efektívnejšie, mali by ste si ich všetky precvičiť a naučiť sa ich správne používať.

Programátori a vývojári ich často používajú na vypísanie akýchkoľvek premenných, ktoré v ňom boli preddefinované, ako aj akýchkoľvek informácií, ktoré je potrebné prezentovať používateľovi.