Vad är skillnaden mellan printIn och console.log i JavaScript? (Svarat) - Alla skillnader

04-06-202304-06-2023 Mary Davis

Innehållsförteckning

JavaScript är ett programmeringsspråk som endast finns i webbläsare. JavaScript-konsolen är ett kommandoradsgränssnitt i webbläsaren som gör det möjligt att köra kodutdrag. När kodutdraget är utformat för att interagera med den webbsida som du för tillfället tittar på kan oväntade resultat uppstå.

"PrintIn" gör att texten skrivs ut till konsolen, medan du kan använda "console.log" för att logga den och använda den för olika ändamål, till exempel för att skicka den som en felrapport.

Om du är programmerare vet du hur viktigt det är att använda och förstå skriptspråk som JavaScript, men ibland kan du vara förvirrad över dess funktioner.

Precis som funktionerna printIn och console.log. För att hjälpa dig att förstå skillnaden och tillämpningen av dessa två funktioner ska jag förklara vad de betyder och hur de fungerar.

Nu börjar vi!

Vad är JavaScript?

JavaScript är ett skriptspråk för att skapa regelbundet uppdaterat material, styra multimedia, animera grafik och i stort sett allt annat.

Programmeringsspråket JavaScript har vissa standardprogrammeringsfunktioner som gör att du kan göra saker som:

När vissa händelser inträffar på en webbsida kan du reagera på en kod som körs.
Du kan använda variabler för att lagra användbar data.
Du kan använda "strängar" som är en textredigering i programmering.

Den funktionalitet som läggs till ovanpå JavaScript-språket är däremot ännu mer intressant. API:er (Application Programming Interfaces) ger din JavaScript-kod extra funktioner.

Kort sagt har JavaScript många funktioner som gör att du kan kontrollera vad du kodar, till exempel printIn och console.log.

Vad är PrintIn?

kodning

PrintIn är en Java-metod för att visa text på konsolen. Metoden tar emot denna text som parameter i form av en sträng. På detta sätt skrivs texten ut till konsolen samtidigt som markören hålls i början av följande rad.

Nästa tryckning börjar på nästa rad Det finns flera printIn-metoder, t.ex:

void printIn()	Skriver ratavgränsningssträngen för att avsluta den aktuella raden.
void printIn(boolean x)	Linjen avslutas efter utskrift av ett booleanskt värde.
void printIn(char x)	Linjen avslutas efter att ett tecken har skrivits ut.
void print(char [ ] x)	Linjen avslutas efter att en rad tecken har skrivits ut.
void printIn(dubbel x)	Linjen avslutas efter utskrift av en dubbelrad.
void printIn(float x)	Linjen avslutas efter utskrift avloat.
void printIn(int x)	Linjen avslutas efter utskrift av ett heltal.
void printIn(long x)	Linjen avslutas efter att den har skrivits ut.
void printIn(Object x)	Linjen avslutas efter att ett objekt har skrivits ut.
void printIn(String x)	Linjen avslutas efter att en sträng har skrivits ut.

Användning av olika metoder i printIn

Även om den har många metoder som du kan använda när du kodar ditt arbete kan du stöta på en annan metod för att visa texten i konsolen. I konsolen finns det två metoder där du kan skriva ut ditt arbete, den första är printIn och den andra är print.

För att du inte ska bli förvirrad mellan dessa två utskriftsmetoder ska vi definiera skillnaden mellan den andra utskriftsmetoden, utskriften.

Print är en Java-metod för att visa text på konsolen. Metoden tar emot denna text som parameter i form av en sträng. På detta sätt skrivs texten ut till konsolen samtidigt som markören hålls vid slutet av följande rad.

Nästa tryckning kommer att börja här Det finns flera printIn-metoder, t.ex:

void print(boolean b)	Ett boolskt värde skrivs ut.
void print(char c)	Ett tecken skrivs ut.
void print(char [ ] s)	En matris av tecken skrivs ut.
void print(dubbel d)	Ett flyttal med dubbel precision skrivs ut.
void print(float f)	Ett flyttal skrivs ut.
void print(int i)	Ett heltal skrivs ut.
void print(long l)	Ett långt heltal skrivs ut.
void print(Object obj)	Ett objekt skrivs ut.
void print(String s)	En sträng skrivs ut.

Användning av olika metoder i tryck

I korthet, Den viktigaste skillnaden mellan de två är placeringen av den text som skrivs ut i konsolen. PrintIn är i början av följande rad medan Print är i början av följande rad. i slutet av följande rad.

Om du är intresserad av att veta mer om windows 10-pro och pro-n kan du läsa min andra artikel.

Vad är Console.log?

Console.log

Konsolen är ett JavaScript-objekt som ger dig tillgång till webbläsarens felsökningskonsol.

console.log är en JavaScript-funktion som skriver ut alla variabler som har definierats tidigare i den, samt all information som behöver visas för användaren.

Utmatningen loggas (skrivs ut) oftast till terminalen. Alla typer kan skickas till log(), inklusive strängar, matriser, objekt och booleaner.

Metoden console.log() är synlig i JavaScript-konsolen, som är tillgänglig via webbläsarens utvecklarverktyg. Allt du skriver ut med console.log() är tillgängligt för alla slutanvändare, oavsett grupp eller roll.

Låt oss ta en titt på hur du kan använda den och vad du får ut när du använder funktionen.

JavaScript Utgång

// console. log() metod

console.log('abc');

console.log(1);

konsol .log(true);

konsol .log(null);

konsol .log(odefinierad);

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

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

abc

sant

noll

odefinierad

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

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

Inmatning och utmatning med console.log

Vad är utskrift till konsolen med Console.log-metoden i Javascript?

Det är JavaScript:s populäraste och mest använda konsolmetod. Den här metoden används ofta för att skriva ut olika meddelanden eller beräkningsresultat till konsolen eller till och med vid felsökning av kod.

Du har skrivit en kod som adderar två tal och du vill se resultatet på konsolen.I det här fallet kan du använda metoden console.log().

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

Är Console.log synkron eller asynkron?

Innan jag diskuterar om console.log är synkron eller asynkron ska jag först definiera vad synkron och asynkron är.

Synkron betyder att det sker samtidigt, medan asynkron betyder att det inte sker samtidigt. Deltagare/användare i synkrona kurser kan få feedback omedelbart. Asynkrona kurser gör det möjligt för dig att lära dig i din egen tid.

Svaret är att concole.log är asynkron. Jag ska visa dig varför genom att visa exempel, särskilt när det gäller att sortera en array av objekt på ett mer effektivt sätt. Vi börjar.

Låt oss säga att du har följande objekt i din array:

let users = [ { { namn: "Nicole" , ålder: 20, efternamn: "Luna" } , { namn: "Cara" , ålder: 21, efternamn: "Lim" } , { namn: "Lara" , ålder: 20, efternamn: "Tuazon" }; ]

array-objekt.

Du måste sortera matrisen efter fältnamn, vilket vanligtvis görs på följande sätt.

/ / med namn ( Cara, Lara, Nicole )

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

/ / efter ålder ( Lara, Nicole, Cara )

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

Se även: Skottar och irländare (detaljerad jämförelse) - Alla skillnader

sortering av arrayobjekt

För att ordna det på ett effektivare sätt har du följande:

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

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

sortering av arrayobjekt (enkelt sätt)

För att göra det måste du skriva funktionen "Byfield" för att skicka och sortera den till Array.prototype.sort av objekten i din array. Detta är inte det primära fokuset för den här artikeln, men titta på nedanstående exempel för att slutföra ovanstående exempel på ett enkelt sätt.

> let users = [ { namn: "Nicole" , ålder: 20, efternamn: "Luna" } , { namn: "Cara" , ålder: 21, efternamn: "Lim" } , { namn: "Lara" , ålder: 20, efternamn: "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: { namn: " Lara ", ålder: " 20 " , efternamn: " Tuazon " }

> 1: { namn: " Nicole ", ålder: " 20 ", efternamn: " Luna " }

> 1: { namn: " Cara ", ålder: " 21 " , efternamn: " Lim " }

längd: 3

> _proto_: Array (0)

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

> 0: { namn: " Lara ", ålder: " 20 " , efternamn: " Tuazon " }

> 1: { namn: " Nicole ", ålder: " 20 ", efternamn: " Luna " }

> 1: { namn: " Cara ", ålder: " 21 " , efternamn: " Lim " }

Se även: Skillnaden mellan stor, stor, enorm, enorm, gigantisk & jätte - alla skillnader

längd: 3

> _proto_: Array (0)

sorterade matrisobjekt

Du kan se i tabellen ovan att jag sorterar array-objekten två gånger, först efter namn och sedan efter ålder, och efter varje sortering kör jag console.log (). Du kanske också har observerat att console.log() återställde samma utdata för varje sortering, men så är inte fallet; låt mig förklara varför.

Jag körde koden ovan på en gång och bestämde mig sedan för att expandera varje reaktion från console.log (). Detta är viktigt eftersom console.log() är asynkron.

När det gäller händelseslingan kommer alla asynkrona funktioner till händelsetabellen. I det här fallet fortsätter den till händelsetabellen efter att ha startat console.log() och väntar på att en specifik händelse ska inträffa.

När en händelse inträffar skickas console.log() till Event Queue, där den väntar tills alla processer i Event Queue som redan fanns när console.log placeras och har skickats till Call Stack, då skickas även console.log() till denna Call Stack.

Hur öppnar man Javascript Console.log?

I webbläsare är konsolen ett av flera utvecklarverktyg. Du kan använda konsolen för att felsöka din JavaScript-kod. Konsolen finns på många ställen beroende på webbläsare.

I den här handledningen lär jag dig hur du hittar konsolen i webbläsaren Google Chrome.

Steg för att öppna konsolloggen i Chrome

Låt oss titta på hur du öppnar konsolloggen i Chrome.

Välj Inspektera på snabbmenyn medan webbläsaren Chrome är öppen.
Fliken "Elements" i Developer Tools öppnas som standard när du kör Inspect. Till höger om "Elements" klickar du på "Console".
Du kan nu visa konsolen och alla utdata som registrerats i konsolloggen.

Du kan också öppna Chrome Developer Tools med hjälp av ett antal genvägstangenter. Beroende på Chrome-versionen kan du använda följande genvägar:

För Windows och Linux,

Ctrl + Shift + I	Fönstret Developer Tools visas.
Ctrl + Shift + J	Väljer fliken Konsol i Utvecklingsverktyg.
Ctrl + Shift + C	Läget Inspektera element växlar

Genvägstangenter

Slutliga tankar

Den största skillnaden mellan printIn och console.log är deras funktion och den resultatet av koden PrintIn skriver ut texten till konsolen medan console.log skriver ut alla variabler med strängar som har kodats tidigare.

Med dessa funktioner i Javascript kan du skriva ut och visa variabler och text i konsolen. I Javascript kan du skriva ut med flera olika metoder.

Loggmetoden för JavaScript-konsolen är det vanligaste alternativet vid felsökning. För att felsöka din kod på ett effektivare sätt bör du öva på dem alla och lära dig att använda dem på rätt sätt.

Programmerare och utvecklare använde ofta dessa för att skriva ut variabler som har fördefinierats i programmet och för att skriva ut information som ska presenteras för användaren.