Hvad er forskellen mellem printIn og console.log i JavaScript? (besvaret) - Alle forskelle

04-06-202304-06-2023 Mary Davis

Indholdsfortegnelse

JavaScript er et programmeringssprog, der kun er tilgængeligt i webbrowsere. JavaScript-konsollen er en kommandolinje i din browser, som giver dig mulighed for at køre kodestumper. Når denne kodestump er designet til at interagere med den webside, du ser i øjeblikket, kan der opstå uventede resultater.

"PrintIn" får teksten til at blive udskrevet til konsollen, mens du kan bruge "console.log" til at logge den og bruge den til forskellige formål, f.eks. til at sende den som en fejlrapport.

Hvis du er programmør, ved du, hvor vigtigt det er at bruge og forstå scriptingsprog som JavaScript. Der er dog nogle gange, hvor du kan være forvirret over dets funktioner.

Ligesom funktionen printIn og console.log. For at hjælpe dig med at forstå forskellen og anvendelsen af disse to funktioner vil jeg forklare, hvad de betyder, og hvordan de fungerer.

Lad os begynde!

Hvad er JavaScript?

JavaScript er et scriptingsprog til at skabe regelmæssigt opdateret materiale, styre multimedier, animere grafik og stort set alt muligt andet.

Programmeringssproget JavaScript har visse standardprogrammeringsfunktioner, som gør det muligt at gøre ting som f.eks:

Når der sker visse hændelser på en webside, kan du reagere på en kørende kode.
Du kan bruge variabler til at gemme nyttige data.
Du kan bruge "strings", som er en tekstredigeringsoperation i programmering

De funktioner, der tilføjes oven på JavaScript-brugerens sprog, er derimod endnu mere interessante. API'er (Application Programming Interfaces) giver din JavaScript-kode ekstra funktioner.

Kort sagt har JavaScript en masse funktioner, der giver dig mulighed for at kontrollere, hvad du koder. Disse funktioner omfatter printIn og console.log.

Hvad er PrintIn?

kodning

Se også: Hvid madlavningsvin vs. hvidvinseddike (sammenligning) - Alle forskelle

PrintIn er en Java-metode til visning af tekst på konsollen. Denne metode accepterer denne tekst som en parameter i form af en streng. Denne metode udskriver teksten til konsollen, mens markøren holdes i starten af den følgende linje.

Den næste trykning begynder på den næste linje Der findes flere printIn-metoder som f.eks:

void printIn()	Skriver linjeadskillelsesstrengen for at afslutte den aktuelle linje.
void printIn(boolean x)	Linjen afsluttes efter udskrivning af en boolean.
void printIn(char x)	Linjen afsluttes efter udskrivning af et tegn.
void print(char [ ] x)	Linjen afsluttes efter udskrivning af et array af tegn.
void printIn(dobbelt x)	Linjen afsluttes efter udskrivning af en dobbelt linje.
void printIn(float x)	Linjen afsluttes efter udskrivning afloat.
void printIn(int x)	Linjen afsluttes efter udskrivning af et heltal.
void printIn(long x)	Linjen afsluttes efter udskrivningen.
void printIn(Object x)	Linjen afsluttes efter udskrivning af et objekt.
void printIn(String x)	Linjen afsluttes efter udskrivning af en streng.

Brug af forskellige metoder i printIn

Selv om den har mange metoder, som du kan bruge til at kode dit arbejde, kan du støde på en anden metode til at vise teksten i konsollen. I konsollen er der to metoder, hvor du kan udskrive dit arbejde, den første er printIn, mens den anden er print.

For at du ikke kan blive forvirret mellem disse to udskrivningsmetoder, skal vi definere forskellen mellem den anden udskrivningsmetode, printet.

Print er en Java-metode til visning af tekst på konsollen. Denne metode accepterer denne tekst som en parameter i form af en streng. Denne metode udskriver teksten til konsollen, mens markøren holdes i slutningen af den følgende linje.

Den næste trykning begynder lige her Der findes flere printIn-metoder som f.eks:

void print(boolean b)	Der udskrives en boolsk værdi.
void print(char c)	Der udskrives et tegn.
void print(char [ ] s)	Der udskrives et array af tegn.
void print(double d)	Der udskrives et dobbeltpræcisions-flydepunktstal.
void print(float f)	Der udskrives et flydende tal.
void print(int i)	Der udskrives et heltal.
void print(long l)	Der udskrives et langt heltal.
void print(Object obj)	Der udskrives et objekt.
void print(String s)	Der udskrives en streng.

Anvendelse af forskellige metoder i tryksager

Kort sagt, Den vigtigste forskel mellem de to er placeringen af den tekst, der udskrives i konsollen. PrintIn er i starten af den følgende linje, mens Print er i i slutningen af den følgende linje.

Hvis du er interesseret i at vide mere om windows 10-pro og pro-n, kan du læse min anden artikel.

Hvad er Console.log?

Console.log

Konsollen er et JavaScript-objekt, der giver dig adgang til browserens fejlfindingskonsol.

console.log er en JavaScript-funktion, der udskriver alle variabler, der tidligere er blevet defineret i den, samt alle oplysninger, der skal vises for brugeren.

Output logges (udskrives) for det meste til terminalen. Alle typer kan overføres til log(), herunder strenge, arrays, objekter og booleans.

Output fra metoden console.log() er synligt i JavaScript-konsollen, som er tilgængelig via browserens udviklerværktøj. Alt, hvad du udsender med console.log(), er tilgængeligt for alle slutbrugere, uanset deres gruppe eller rolle.

Lad os se på, hvordan du kan bruge den, og hvad du får ud af den, når du har brugt funktionen.

JavaScript Udgang

// console. log() metode

console.log('abc');

console.log(1);

konsol .log(true);

konsol .log(null);

konsol .log(undefined);

konsol .log([1, 2, 3, 3, 4]); // array inden for lo g

konsol .log({a:1, b:2, c:3}); // objekt inden for lo g

abc

sand

null

udefineret

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

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

Input og output ved hjælp af console.log

Hvad er metoden Print to Console med Console.log i Javascript?

Det er JavaScript's mest populære og udbredte konsolmetode. Denne metode bruges ofte til at udskrive forskellige meddelelser eller beregningsresultater til konsollen eller endda til fejlfinding af kode.

Du har skrevet noget kode, der lægger to tal sammen, og du vil gerne se resultatet af denne operation på konsollen; i dette tilfælde kan du bruge metoden console.log().

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

Er Console.log synkron eller asynkron?

Før jeg diskuterer med dig, om console.log er synkron eller asynkron, vil jeg først definere, hvad synkron og asynkron er.

Synkron betyder, at det sker på samme tid, mens asynkron betyder, at det ikke sker på samme tid. Så deltagere/brugere i synkrone forløb kan modtage feedback med det samme. Asynkrone forløb giver dig mulighed for at lære i din egen tid.

For at svare, concole.log er asynkron. Jeg vil vise dig hvorfor, ved at vise eksempler, især sortering af et array af objekter på en mere effektiv måde. Lad os begynde.

Lad os sige, at du har følgende objekter i dit array:

Se også: Knæk forskellen mellem "falde på jorden" og "falde til jorden" - alle forskellene

let users = [ { { navn: "Nicole" , alder: 20 år, efternavn: "Luna" } , { navn: "Cara" , alder: 21 år, efternavn: "Lim" } , { navn: "Lara" , alder: 20 år, efternavn: "Tuazon" }; ]

array-objekter

Du skal sortere dette array efter feltnavn, hvilket typisk gøres på følgende måde.

/ / ved navn ( Cara, Lara, Nicole )

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

/ / efter alder ( Lara, Nicole, Cara )

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

sortering af array-objekter

For at arrangere det på en mere effektiv måde, skal du have sådan her:

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

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

sortering af array-objekter (på en simpel måde)

For at gøre det skal du skrive funktionen "Byfield" for at sende og sortere den til Array.prototype.sort af objekterne i dit array. Dette er ikke det primære fokus i denne artikel, men se venligst nedenstående eksempel for at fuldføre ovenstående eksempel på en enkel måde.

> let users = [ { navn: "Nicole" , alder: 20 år, efternavn: "Luna" } , { navn: "Cara" , alder: 21 år, efternavn: "Lim" } , { navn: "Lara" , alder: 20 år, efternavn: "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: { navn: " Lara ", alder: " 20 " , efternavn: " Tuazon " }

> 1: { navn: " Nicole ", alder: " 20 " , efternavn: " Luna " }

> 1: { navn: " Cara ", alder: " 21 " , efternavn: " Lim " }

længde: 3

> _proto_: Array (0)

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

> 0: { navn: " Lara ", alder: " 20 " , efternavn: " Tuazon " }

> 1: { navn: " Nicole ", alder: " 20 " , efternavn: " Luna " }

> 1: { navn: " Cara ", alder: " 21 " , efternavn: " Lim " }

længde: 3

> _proto_: Array (0)

sorterede array-objekter

Du kan se i tabellen ovenfor, at jeg sorterer array-objekterne to gange, først efter navn og derefter efter alder, og efter hver sortering kører jeg console.log (). Du har måske også bemærket, at console.log() gendannede det samme output for hver sortering af resultatet, men det er ikke tilfældet; lad mig forklare hvorfor.

Jeg kørte ovenstående kode på én gang og besluttede derefter at udvide hver reaktion fra console.log (). Dette er vigtigt, fordi console.log() er asynkron.

Med hensyn til Event Loop ankommer alle asynkrone funktioner til Event Table. I dette tilfælde fortsætter den til Event Table efter at have fremkaldt console.log() og venter på, at en bestemt begivenhed skal indtræffe.

Når der opstår en hændelse, sendes console.log() til Event Queue, hvor den venter, indtil alle processer i denne Event Queue, der allerede var til stede, da din console.log blev placeret, er blevet sendt til Call Stack, så bliver din console.log() også sendt til denne Call Stack.

Hvordan åbner man Javascript Console.log?

I webbrowsere er konsollen et af de mange udviklerværktøjer. Du kan bruge konsollen til at fejlfinde din JavaScript-kode. Konsollen findes mange steder afhængigt af browseren.

I denne vejledning lærer jeg dig, hvor du kan finde konsollen i din Google Chrome-browser.

Trin for at åbne konsolloggen i Chrome

Lad os se på, hvordan du åbner Chrome-konsolloggen.

Vælg Inspicere i popup-menuen, mens Chrome-browseren er åben.
Fanen "Elements" i Developer Tools åbnes som standard, når du kører Inspect. Til højre for "Elements" skal du klikke på "Console".
Du kan nu se konsollen og alle output, der er registreret i konsolloggen.

Du kan også åbne Chrome Developer Tools ved hjælp af en række genvejstaster. Alt efter hvilken version af din Chrome du har, kan du bruge følgende genveje:

Til Windows og Linux,

Ctrl + Shift + I	Vinduet Developer Tools vises.
Ctrl + Shift + J	Vælger fanen Konsol i Udviklerværktøjer.
Ctrl + Shift + C	Inspicere elementtilstand skifter mellem

Genvejstaster

Afsluttende overvejelser

vigtigste forskel mellem printIn og console.log er deres funktion og den resultatet af kodeksen . printIn udskriver teksten til konsollen, mens console.log udskriver alle variabler med strenge, der er kodet før.

Grundlæggende giver disse funktioner i Javascript dig mulighed for at udskrive og vise variabler og tekst til konsollen. I Javascript kan du udskrive ved hjælp af en række forskellige metoder.

JavaScript-konsolens logmetode er den mest almindeligt anvendte mulighed for fejlfinding. For at fejlfinde din kode mere effektivt bør du øve dig på dem alle og lære at bruge dem korrekt.

Programmører og udviklere brugte ofte disse til at udskrive variabler, der er blevet foruddefineret i den, samt oplysninger, der skal præsenteres for brugeren.