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
Specifiche | Stato | Commento |
---|---|---|
Console API The definition of 'console.log()' in that specification. |
Living Standard | Definizione iniziale |
Compatibilità con i browser
BCD tables only load in the 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