console.log()

Il metodo  log() di Console stampa un messaggio sulla web console. Il messaggio può essere una semplice stringa (opzionalmente, anche con valori sostituibili), o può essere uno qualsiasi o più oggetti JavaScript.

Sintassi

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

Parametri

obj1 ... objN

Una lista di oggetti JavaScript da stampare. La rappresentazione sotto forma di stringa di ciascuno di questi oggetti sarà messa in coda nell'ordine presentato e stampata. Perfavore fai attenzione che se tu stampi degli oggetti nelle ultime versioni si Chrome e Firefox quello che otterrai sarà un riferimento all'oggetto, che non necessariamente è il 'valore' dell'oggetto nel momento della chiamata di console.log(), ma è il valore dell'oggetto al momento in cui tu apri la console.

msg

Una stringa JavaScript contenente zero o più stringhe da sostituire.

subst1 ... substN

Oggetti JavaScript con i quali verranno sostituite le stringhe da sostituire in msg. Questo ti offre controlli aggiuntivi sul formato dell'output

Vedi Stampare del testo sulla Console nella documentazione di console per maggiori dettagli.

Differenza tra log() e dir()

Ti potresti esser chiesto qual è la differenza tra console.dir() e console.log().

Un'altra utile differenza esiste in Chrome quando invii elementi DOM alla console.

Nota bene:

• console.log stampa gli elementi in un albero HTML-like.
• console.dir stampa gli elementi in un albero JSON-like.

Specificamente, console.log offre un trattamento speciale agli elementi del DOM, mentre console.dir non lo fa. Ė spesso utile quando si prova a vedere la rappresentazione completa degli oggetti JS del DOM.

Ulteriori informazioni si possono trovare sulle Chrome Console API reference su questa e altre funzioni.

Registrare (loggare) gli oggetti

Non usare console.log(obj), usa console.log(JSON.parse(JSON.stringify(obj))).

In questo modo sarai sicuro di visulizzare il valore di obj al momento in cui lo stai registrando (loggando). Altrimenti, svariati browser offrono una vista live che aggiorna costantemente i valori non appena cambiano. Potrebbe non essere quel che cerchi.

Specifiche

Compatibilità con i browser

Vedi anche

• Documentazione Opera Dragonfly: Console
• MSDN: Usare gli strumenti della Console F12 per vedere Errori e Stati
• Firebug wiki: Console API - Firebug supporta features aggiuntive nella sua implementazione della console.log(), come il logging con stile.
• NodeJS: Console API