Quina diferència hi ha entre printIn i console.log a JavaScript? (Resposta) - Totes les diferències

04-06-202304-06-2023 Mary Davis

Taula de continguts

JavaScript és un llenguatge de programació que només està disponible als navegadors web. La consola JavaScript és una interfície de línia d'ordres al vostre navegador que us permet executar fragments de codi. Quan aquest fragment de codi està dissenyat per interactuar amb la pàgina web que esteu veient actualment, es poden produir resultats inesperats.

"PrintIn" fa que el text s'imprimeixi a la consola, mentre que pot utilitzar “console.log” per registrar-lo i utilitzar-lo per a diversos propòsits, com ara enviar-lo per correu electrònic com a informe d'error.

Si sou programador, sabeu com és d'important utilitzar-lo i entendre'l. llenguatges de script com JavaScript. Tanmateix, hi ha vegades que us pot confondre sobre les seves funcions.

Igual que la funció printIn i console.log. Per ajudar-vos a entendre la diferència i l'aplicació d'aquestes dues funcions, us explicaré què signifiquen i com funcionen.

Comencem!

Què és JavaScript?

JavaScript és un llenguatge de script per crear material actualitzat regularment, controlar multimèdia, animar gràfics i pràcticament qualsevol altra cosa.

El llenguatge de programació JavaScript té determinades capacitats de programació estàndard que us permeten fer coses com ara:

Quan es produeixen determinats esdeveniments en una pàgina web, podeu respondre a un codi en execució.
Podeu utilitzar variables per emmagatzemar dades útils.
Podeu utilitzar "cadenes", que és una operació d'edició de text.en programació

La funcionalitat afegida al llenguatge JavaScript de l'usuari, en canvi, és encara més interessant. Les interfícies de programació d'aplicacions (API) ofereixen al vostre codi JavaScript funcions addicionals.

En resum, JavaScript té moltes funcions que us permeten controlar el que esteu codificant. Aquestes funcions inclouen printIn i console.log.

Què és PrintIn?

codificació

PrintIn és un mètode Java per mostrar text a la consola. Aquest mètode accepta aquest text com a paràmetre en forma de cadena. Aquest enfocament imprimeix el text a la consola mentre manté el cursor a l'inici de la línia següent.

La següent impressió comença a la línia següent . Hi ha diversos mètodes printIn com:

void printIn()	Escriu la cadena de separació de línies per acabar la línia actual.
void printIn(boolean x)	La línia s'acaba després d'imprimir un booleà.
void printIn(car x)	La línia s'acaba després d'imprimir un caràcter.
void print(car [ ] x)	La línia s'acaba després d'imprimir una matriu de caràcters.
void printIn(doble x)	La línia s'acaba després d'imprimir una línia doble.
void printIn(float x)	La línia s'acaba després d'imprimir a flotació.
builprintIn(int x)	La línia s'acaba després d'imprimir un nombre enter.
void printIn(long x)	La línia s'acaba després d'imprimir.
void printIn(Object x)	La línia s'acaba després d'imprimir un objecte.
void printIn(String x)	La línia s'acaba després d'imprimir una cadena.

Ús de diferents mètodes a printIn

Tot i que té molts mètodes que podeu utilitzar per codificar el vostre treball, és possible que trobeu un altre mètode per mostrar el text a la consola. A la consola, hi ha dos mètodes on pots imprimir el teu treball, el primer és printIn i l'altre és print.

Per tal que no et puguis confondre entre aquests dos mètodes d'impressió, anem a defineix la diferència entre el segon mètode d'impressió, l'impressió.

Print és un mètode Java per mostrar text a la consola. Aquest mètode accepta aquest text com a paràmetre en forma de Corda. Aquest enfocament imprimeix el text a la consola mentre manté el cursor al final de la línia següent.

La següent impressió començarà aquí mateix . Hi ha diversos mètodes printIn com:

void print(boolean b)	S'imprimeix un valor booleà.
void print(car c)	S'imprimeix un caràcter.
void print(car [ ] s)	S'imprimeix una matriu de caràcters.
void print(doble d)	Una doble precisió s'imprimeix un número de coma flotant.
void print(float f)	S'imprimeix un nombre de coma flotant.
void print(int i)	S'imprimeix un nombre enter.
void print(l llarg )	S'imprimeix un nombre enter llarg.
void print(Object obj)	S'imprimeix un objecte .
void print(String s)	S'imprimeix una cadena.

Ús de diferents mètodes a la impressió

En resum, la diferència clau entre tots dos és la col·locació del text imprès a la consola. PrintIn es troba a l'inici de la línia següent mentre que Print és a al final de la línia següent.

Si us interessa saber sobre Windows 10-pro i pro-n, comproveu el meu altre article.

Què és Console.log?

Console.log

La consola és un objecte JavaScript que us dóna accés a la consola de depuració del navegador.

Console.log és un objecte JavaScript. funció que imprimeix les variables que s'han definit prèviament en ella, així com qualsevol informació que cal mostrar a l'usuari.

La sortida s'enregistra (imprimeix) majoritàriament al terminal. Qualsevol tipus es pot passar a log(), incloent cadenes, matrius, objectes i booleans.

El mètode console.log()La sortida és visible a la consola de JavaScript, a la qual es pot accedir mitjançant l'eina de desenvolupament del navegador. Qualsevol que facis sortir amb console.log() és accessible per a tots els usuaris finals, independentment del seu grup o funció.

Fem una ullada a com pots utilitzar-lo i a la sortida després d'utilitzar aquesta funció.

JavaScript Sortida

// console. log() method

console.log('abc');

console.log(1);

console .log(true);

console .log(null);

console .log(undefined);

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

console .log({a:1, b:2, c:3}); // object inside lo g

abc

true

null

undefined

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

Objecte { a : 1, b : 2 , c : 3

Entrada i sortida mitjançant console.log

Què és el mètode Print to Console amb Console.log en Javascript?

És el mètode de consola més popular i utilitzat de JavaScript. Aquest mètode s'utilitza sovint per imprimir diversos missatges o resultats de càlcul a la consola o fins i tot mentre es depura codi.

Heu escrit algun codi que afegeix dos números i us agradaria veure el resultat. d'aquesta operació a la consola; en aquest cas, podeu utilitzar el mètode console.log().

Console.log és síncron o asíncron?

Abans de discutir amb tu si console.log és síncron o asíncron, primer definiré què són sincrònic i asíncron.

Síncron vol dir que es produeix al mateix temps, mentre que asíncron significa que no es produeix al mateix temps. Tanels participants/usuaris en sincrònica poden rebre comentaris immediatament. L'asynchronous us permet aprendre al vostre temps.

Per respondre, concole.log és asíncron. Us mostraré per què, mostrant exemples, especialment ordenant una sèrie d'objectes d'una manera més eficient. Comencem.

Diguem que teniu els objectes següents a la vostra matriu:

let users = [ { nom: “Nicole” , edat: 20, cognom: “Luna” } , { nom: “Cara” , edat: 21, cognom: “Lim” } , { nom: “Lara” , edat: 20, cognom: “Tuazon” }; ]

objectes de matriu

Heu d'ordenar aquesta matriu pel nom de camp, que normalment es fa de la següent manera.

/ / per nom ( Cara, Lara, Nicole )

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

/ / per edat ( Lara, Nicole, Cara )

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

ordenar objectes de matriu

Per organitzar-lo d'una manera més eficient, tindreu així:

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

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

ordenar objectes de matriu (manera senzilla)

Per fer-ho, heu d'escriure la funció "Byfield" per passar-la i ordenar-la a Array.prototype.sort dels objectes de la vostra matriu. Bé, aquest no és l'objectiu principal d'aquest article, però mira l'exemple següent per completar l'exemple anterior d'una manera senzilla.

> deixar usuaris =[ { nom: “Nicole” , edat: 20, cognom: “Luna” } , { nom: “Cara” , edat: 21, cognom: “Lim” } , { nom: “Lara” , edat: 20, cognom: "Tuazon"}; ]

funció perCamp ( fieldName ){ return (a, b ) => a[fieldName]? 1: -1;

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

concole.log(usuaris);

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

concole.log(usuaris);

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

> 0: { nom: ” Lara “, edat: ” 20 ” , cognom: ” Tuazon ”

Vegeu també: Quina diferència hi ha entre ESFP i ESFJ? (Fets explicats) - Totes les diferències

> 1: { nom: ” Nicole “, edat: ” 20 ” , cognom: ” Luna ”

> 1: { nom: ” Cara “, edat: ” 21 ” , cognom: ” Lim ”

longitud: 3

> _proto_: Matriu (0)

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

> 0: { nom: ” Lara “, edat: ” 20 ” , cognom: ” Tuazon ”

> 1: { nom: ” Nicole “, edat: ” 20 ” , cognom: ” Luna ”

> 1: { nom: ” Cara “, edat: ” 21 ” , cognom: ” Lim ”

longitud: 3

> _proto_: Matriu (0)

objectes de matriu ordenats

Podeu veure a la taula anterior que ordeno els els objectes de matriu dues vegades, primer ordeno per nom, després per edat i després de cada operació d'ordenació, executo console.log (). A més, potser heu observat que console.log() va restaurar la mateixa sortida per a cada tipus de resultat, però aquest no és el cas; deixa'm explicar per què.

Vaig executar el codi sobretot alhora, i després vaig decidir ampliar totes les reaccions de console.log (). Això és important perquè console.log() ho ésasíncron.

En termes de bucle d'esdeveniments, totes les funcions asíncrones arriben a la taula d'esdeveniments. En aquest cas, després d'obrir console.log(), passa a la taula d'esdeveniments i espera que es produeixi un esdeveniment específic.

Quan es produeix un esdeveniment, console.log() s'enviarà a la cua d'esdeveniments, on espera fins que tots els processos d'aquesta cua d'esdeveniments que ja estaven presents quan es col·locà el vostre console.log i s'hagin enviat a la trucada. Stack, llavors el vostre console.log() també s'envia a aquesta pila de trucades.

Com obrir el Javascript Console.log?

Als navegadors web, la consola és una de les diverses eines per a desenvolupadors. Per solucionar els problemes del vostre codi JavaScript, podeu utilitzar la consola. La consola es pot trobar a molts llocs segons el navegador.

T'ensenyaré on trobar la consola al teu navegador Google Chrome en aquest tutorial.

Passos per obrir el registre de la consola a Chrome

Anem a veure com obrir el registre de la consola de Chrome.

Seleccioneu Inspeccionar al menú emergent mentre el navegador Chrome està obert.
"Elements per a desenvolupadors" ” s'obrirà per defecte quan executeu Inspect. A la dreta d'"Elements", feu clic a "Consola".
Ara podeu veure la consola així com qualsevol sortida enregistrada al registre de la consola.

També podeu obrir el Eines per a desenvolupadors de Chrome utilitzant diverses tecles de drecera. Segons la versió del teu Chrome, tupodeu utilitzar les dreceres següents:

Vegeu també: Desu Ka VS Desu Ga: ús i amp; Significat: totes les diferències

Per a Windows i Linux,

Ctrl + Maj + I	Apareix la finestra Eines per a desenvolupadors.
Ctrl + Maj + J	Selecciona la pestanya Consola a les Eines per a desenvolupadors.
Ctrl + Maj + C	Commuta el mode d'inspecció de l'element

Tecles de drecera

Pensaments finals

La diferència principal entre printIn i console.log és la seva funció i el resultat del codi . PrintIn imprimeix el text a la consola mentre que console.log imprimeix qualsevol variable amb cadenes que s'han codificat abans.

Bàsicament, aquestes funcions de Javascript us permeten imprimir i mostrar les variables i el text a la consola. A JavaScript, podeu imprimir amb diversos mètodes.

El mètode de registre de la consola de JavaScript és l'opció més utilitzada quan es depura. Per depurar el codi de manera més eficaç, hauríeu de practicar-los tots i aprendre a utilitzar-los correctament.

Els programadors i desenvolupadors sovint els feien servir per imprimir qualsevol variable que hi hagi predefinida, així com qualsevol informació que necessiti. per presentar a l'usuari.