Qual è la differenza tra printIn e console.log in JavaScript? (Risposta) - Tutte le differenze

 Qual è la differenza tra printIn e console.log in JavaScript? (Risposta) - Tutte le differenze

Mary Davis

JavaScript è un linguaggio di programmazione disponibile solo nei browser Web. La console JavaScript è un'interfaccia a riga di comando del browser che consente di eseguire frammenti di codice. Quando il frammento di codice è progettato per interagire con la pagina Web che si sta visualizzando, possono verificarsi risultati imprevisti.

"PrintIn" fa in modo che il testo venga stampato nella cartella console, mentre si può usare "console.log" per registrarlo e usarlo per vari scopi, come ad esempio inviarlo via e-mail come segnalazione di bug.

Se siete programmatori, sapete quanto sia importante utilizzare e comprendere i linguaggi di scripting come JavaScript. Tuttavia, a volte potreste essere confusi sulle sue funzioni.

Proprio come le funzioni printIn e console.log. Per aiutarvi a capire la differenza e l'applicazione di queste due funzioni, vi spiegherò cosa significano e come funzionano.

Guarda anche: Qual è la differenza tra alce, renna e caribù (rivelata) - Tutte le differenze

Cominciamo!

Che cos'è JavaScript?

Che cos'è JavaScript?

JavaScript è un linguaggio di scripting per la creazione di materiale regolarmente aggiornato, il controllo di contenuti multimediali, l'animazione di grafici e praticamente qualsiasi altra cosa.

Il linguaggio di programmazione JavaScript dispone di alcune funzionalità di programmazione standard che consentono di fare cose come:

  • Quando si verificano determinati eventi in una pagina web, è possibile rispondere con un codice in esecuzione.
  • È possibile utilizzare le variabili per memorizzare dati utili.
  • È possibile utilizzare "stringhe", che è un'operazione di modifica del testo nella programmazione.

Le funzionalità aggiunte al linguaggio JavaScript dell'utente, invece, sono ancora più interessanti. Le Application Programming Interfaces (API) forniscono al codice JavaScript funzioni aggiuntive.

In breve, JavaScript dispone di molte funzioni che consentono di controllare ciò che si sta codificando, tra cui printIn e console.log.

Che cos'è PrintIn?

codifica

PrintIn è un metodo Java per visualizzare il testo sulla console. Questo metodo accetta come parametro il testo sotto forma di stringa. Questo approccio stampa il testo nella console mantenendo il cursore all'inizio della riga successiva.

La prossima stampa inizia alla riga successiva Esistono diversi metodi di printIn come:

void printIn() Scrive la stringa del separatore di riga per terminare la riga corrente.
void printIn(booleano x) La riga viene terminata dopo la stampa di un booleano.
void printIn(char x) La riga viene terminata dopo la stampa di un carattere.
void print(char [ ] x) La riga viene terminata dopo la stampa di una serie di caratteri.
void printIn(double x) La riga viene terminata dopo la stampa di una doppia riga.
void printIn(float x) La riga viene terminata dopo la stampa di afloat.
void printIn(int x) La riga viene terminata dopo la stampa di un numero intero.
void printIn(long x) La riga viene terminata dopo la stampa.
void printIn(Oggetto x) La riga viene terminata dopo la stampa di un oggetto.
void printIn(String x) La riga viene terminata dopo la stampa di una stringa.

Utilizzo di diversi metodi in printIn

Sebbene disponga di molti metodi che si possono utilizzare per la codifica del proprio lavoro, si può incontrare un altro metodo per visualizzare il testo nella console. Nella console, ci sono due metodi per stampare il proprio lavoro: il primo è printIn e l'altro è print.

Per non confondersi tra questi due metodi di stampa, definiamo la differenza tra il secondo metodo di stampa, la stampa.

Print è un metodo Java per visualizzare il testo sulla console. Questo metodo accetta come parametro il testo sotto forma di stringa. Questo approccio stampa il testo nella console mantenendo il cursore alla fine della riga successiva.

La prossima stampa inizierà proprio qui Esistono diversi metodi di printIn come:

void print(booleano b) Viene stampato un valore booleano.
void print(char c) Viene stampato un carattere.
void print(char [ ] s) Viene stampata una serie di caratteri.
void print(double d) Viene stampato un numero in virgola mobile a doppia precisione.
void print(float f) Viene stampato un numero in virgola mobile.
void print(int i) Viene stampato un numero intero.
void print(long l) Viene stampato un numero intero lungo.
void print(Oggetto obj) Viene stampato un oggetto.
void print(Stringa s) Viene stampata una stringa.

Uso di metodi diversi nella stampa

In breve, la differenza fondamentale tra i due è la posizione del testo stampato nella console. PrintIn si trova all'inizio della riga successiva, mentre Print si trova all'inizio della riga successiva. alla fine della riga successiva.

Se siete interessati a conoscere windows 10-pro e pro-n, consultate il mio altro articolo.

Che cos'è Console.log?

Console.log

La console è un oggetto JavaScript che consente di accedere alla console di debug del browser.

Console.log è una funzione JavaScript che stampa tutte le variabili che sono state definite in precedenza e tutte le informazioni che devono essere mostrate all'utente.

L'output viene per lo più registrato (stampato) sul terminale. A log() può essere passato qualsiasi tipo, comprese stringhe, array, oggetti e booleani.

L'output del metodo console.log() è visibile nella console JavaScript, accessibile tramite lo strumento per sviluppatori del browser. Qualsiasi risultato ottenuto con console.log() è accessibile a tutti gli utenti finali, indipendentemente dal loro gruppo o ruolo.

Vediamo come utilizzarla e il risultato ottenuto dopo l'uso di questa funzione.

JavaScript Uscita
// console. log() metodo

console.log('abc');

console.log(1);

console .log(true);

console .log(null);

console .log(undefined);

console .log([1, 2, 3, 4]); // array all'interno di lo g

console .log({a:1, b:2, c:3}); // oggetto all'interno di lo g

abc

1

vero

nullo

indefinito

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

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

Input e output utilizzando console.log

Che cos'è il metodo Print to Console con Console.log in Javascript?

È il metodo di console più popolare e diffuso di JavaScript. Questo metodo viene spesso utilizzato per stampare vari messaggi o risultati di calcolo sulla console o anche durante il debug del codice.

Avete scritto del codice che somma due numeri e volete vedere il risultato dell'operazione sulla console; in questo caso, potete usare il metodo console.log().

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

Console.log è sincrono o asincrono?

Prima di discutere se console.log è sincrono o asincrono, definirò innanzitutto cosa sono i termini sincrono e asincrono.

Sincrono significa che avviene nello stesso momento, mentre asincrono significa che non avviene nello stesso momento. Quindi i partecipanti/utenti in sincrono possono ricevere immediatamente un feedback, mentre l'asincrono permette di imparare nel proprio tempo.

Per rispondere, concole.log è asincrono. Vi mostrerò il perché, mostrandovi degli esempi, in particolare l'ordinamento di un array di oggetti in modo più efficiente. Iniziamo.

Supponiamo di avere i seguenti oggetti nell'array:

let users = [ { nome: "Nicole" , età: 20, cognome: "Luna" } , { nome: "Cara" , età: 21, cognome: "Lim" } , { nome: "Lara" , età: 20, cognome: "Tuazon" }; ]

oggetti array

È necessario ordinare questa matrice per nome di campo, in genere come segue.

Guarda anche: Bō VS Quarterstaff: qual è l'arma migliore? - Tutte le differenze
/ / per nome ( Cara, Lara, Nicole )

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

/ / per età ( Lara, Nicole, Cara )

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

ordinare gli oggetti dell'array

Per organizzare il tutto in modo più efficiente, dovrete fare così:

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

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

Ordinare gli oggetti dell'array (in modo semplice)

Per farlo, è necessario scrivere la funzione "Byfield" da passare e ordinare a Array.prototype.sort degli oggetti presenti nell'array. Bene, questo non è l'obiettivo principale di questo articolo, ma guardate l'esempio seguente per completare l'esempio precedente in modo semplice.

> let users = [ { nome: "Nicole" , età: 20, cognome: "Luna" } , { nome: "Cara" , età: 21, cognome: "Lim" } , { nome: "Lara" , età: 20, cognome: "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: { nome: " Lara ", età: " 20 " , cognome: " Tuazon " }

1: { nome: " Nicole ", età: " 20 " , cognome: " Luna " }

> 1: { nome: " Cara ", età: " 21 " , cognome: " Lim " }

lunghezza: 3

> _proto_: Array (0)

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

0: { nome: " Lara ", età: " 20 " , cognome: " Tuazon " }

1: { nome: " Nicole ", età: " 20 " , cognome: " Luna " }

> 1: { nome: " Cara ", età: " 21 " , cognome: " Lim " }

lunghezza: 3

> _proto_: Array (0)

oggetti array ordinati

Dalla tabella precedente si può notare che ordino gli oggetti dell'array due volte, prima per nome e poi per età, e dopo ogni operazione di ordinamento eseguo console.log (). Inoltre, si può osservare che console.log() restituisce lo stesso output per ogni tipo di risultato, ma non è così; spieghiamo perché.

Ho eseguito il codice precedente tutto in una volta, poi ho deciso di espandere ogni reazione da console.log (). Questo è significativo perché console.log() è asincrono.

In termini di Event Loop, tutte le funzioni asincrone arrivano alla Event Table. In questo caso, dopo aver richiamato console.log(), si passa alla Event Table e si attende che si verifichi un evento specifico.

Quando si verifica un evento, console.log() viene inviato alla coda degli eventi, dove attende fino a quando tutti i processi presenti nella coda degli eventi che erano già presenti quando console.log è stato inserito e sono stati inviati allo stack delle chiamate, allora anche console.log() viene inviato a questo stack delle chiamate.

Come aprire la Console.log di Javascript?

Nei browser Web, la Console è uno dei vari strumenti per sviluppatori. Per risolvere i problemi del codice JavaScript, è possibile utilizzare la Console. La Console si trova in diversi punti, a seconda del browser.

In questo tutorial vi insegnerò dove trovare la Console nel browser Google Chrome.

Passaggi su come aprire il log della console in Chrome

Vediamo come aprire il registro della console di Chrome.

  1. Selezionate Ispeziona dal menu a comparsa mentre il browser Chrome è aperto.
  2. La scheda "Elements" degli Strumenti per gli sviluppatori viene aperta per impostazione predefinita quando si esegue Inspect. A destra di "Elements", fare clic su "Console".
  3. A questo punto è possibile visualizzare la console e tutti i risultati registrati nel registro della console.

È inoltre possibile aprire gli Strumenti per sviluppatori di Chrome utilizzando una serie di tasti di scelta rapida. A seconda della versione di Chrome in uso, è possibile utilizzare i seguenti tasti di scelta rapida:

Per Windows e Linux,

Ctrl + Shift + I Viene visualizzata la finestra Strumenti per sviluppatori.
Ctrl + Shift + J Seleziona la scheda Console negli Strumenti per sviluppatori.
Ctrl + Shift + C La modalità di ispezione dell'elemento si alterna

Tasti di scelta rapida

Pensieri finali

Il differenza principale tra printIn e console.log è la loro funzione e l'impostazione di risultato del codice PrintIn stampa il testo nella console, mentre console.log stampa tutte le variabili con stringhe che sono state codificate in precedenza.

Fondamentalmente, queste funzioni di Javascript consentono di stampare e visualizzare le variabili e il testo nella console. In JavaScript, è possibile stampare utilizzando diversi metodi.

Il metodo di log della console JavaScript è l'opzione più comunemente usata per il debug. Per eseguire il debug del vostro codice in modo più efficace, dovreste fare pratica con tutti questi metodi e imparare a usarli correttamente.

I programmatori e gli sviluppatori li utilizzano spesso per stampare le variabili predefinite e le informazioni che devono essere presentate all'utente.

    Mary Davis

    Mary Davis è una scrittrice, creatrice di contenuti e appassionata ricercatrice specializzata nell'analisi comparativa su vari argomenti. Con una laurea in giornalismo e oltre cinque anni di esperienza nel settore, Mary ha una passione per la fornitura di informazioni imparziali e dirette ai suoi lettori. Il suo amore per la scrittura è iniziato quando era giovane ed è stata una forza trainante dietro la sua carriera di successo nella scrittura. La capacità di Mary di ricercare e presentare i risultati in un formato coinvolgente e di facile comprensione l'ha resa amata dai lettori di tutto il mondo. Quando non scrive, a Mary piace viaggiare, leggere e passare il tempo con la famiglia e gli amici.