JavaScript Utilizzo di console.log ()

Esempio

introduzione

Tutti i moderni browser Web, NodeJs e quasi tutti gli altri ambienti JavaScript supportano la scrittura di messaggi su una console utilizzando una suite di metodi di registrazione. Il più comune di questi metodi è console.log() .

In un ambiente browser, la funzione console.log() viene utilizzata principalmente per scopi di debug.


Iniziare

Apri la Console JavaScript nel tuo browser, digita quanto segue e premi Invio :

console.log("Hello, World!");

Ciò registrerà quanto segue alla console:

Output del registro della console in Google Chrome

Nell'esempio sopra, la funzione console.log() stampa Hello, World! alla console e restituisce undefined (mostrato sopra nella finestra di output della console). Questo perché console.log() non ha alcun valore di ritorno esplicito.


Variabili di registrazione

console.log() può essere usato per registrare variabili di qualsiasi tipo; non solo stringhe. Basta passare la variabile che si desidera visualizzare nella console, ad esempio:

var foo = "bar";
console.log(foo);

Ciò registrerà quanto segue alla console:

console.log () può essere utilizzato con variabili

Se si desidera registrare due o più valori, è sufficiente separarli con virgole. Gli spazi verranno aggiunti automaticamente tra ogni argomento durante la concatenazione:

var thisVar = 'first value';
var thatVar = 'second value';
console.log("thisVar:", thisVar, "and thatVar:", thatVar);
Ciò registrerà quanto segue alla console:

Console Concat


segnaposto

Puoi usare console.log() in combinazione con i segnaposto:

var greet = "Hello", who = "World";
console.log("%s, %s!", greet, who);

Ciò registrerà quanto segue alla console:

inserisci la descrizione dell'immagine qui


Registrazione degli oggetti

Di seguito vediamo il risultato della registrazione di un oggetto. Questo è spesso utile per registrare le risposte JSON dalle chiamate API.

console.log({
    'Email': '', 
    'Groups': {},
    'Id': 33,
    'IsHiddenInUI': false,
    'IsSiteAdmin': false,
    'LoginName': 'i:0#.w|virtualdomain\\user2',
    'PrincipalType': 1,
    'Title': 'user2'
});

Ciò registrerà quanto segue alla console:

Oggetto registrato nella console


Registrazione di elementi HTML

Hai la possibilità di registrare qualsiasi elemento esistente all'interno del DOM . In questo caso registriamo l'elemento body:

console.log(document.body);

Ciò registrerà quanto segue alla console:

inserisci la descrizione dell'immagine qui


Nota finale

Per ulteriori informazioni sulle funzionalità della console, consultare l'argomento Console .