Oltre console.log
Usi table, group, warn, error e assert.
Oltre console.log è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 4 lezioni in totale.
Oltre log
L'oggetto console offre molti metodi oltre a console.log. Ognuno comunica un'intenzione diversa e può visualizzare l'output in modi utili.
console.log("plain message")
console.info("informational")console.warn
console.warn emette un avviso. Nel browser appare con un'evidenziazione gialla, che segnala un problema non fatale ma degno di attenzione.
console.warn("This API is deprecated")console.error
console.error segnala un errore. Viene visualizzato con uno stile distinto e, nei browser, include uno stack trace che aiuta a individuare il problema.
console.error("Failed to load data")console.info e debug
console.info e console.debug si comportano come log, ma comunicano il livello di gravità. Gli strumenti possono filtrare i messaggi in base a questi livelli.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table visualizza array e oggetti sotto forma di tabella formattata, rendendo i dati strutturati molto più facili da consultare rispetto a un semplice log.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group avvia una sezione rientrata e comprimibile. I messaggi registrati dopo di esso vengono annidati finché non viene chiamato console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Gruppi annidati
I gruppi possono essere annidati l'uno dentro l'altro per rispecchiare una gerarchia, con ogni livello che aggiunge un ulteriore rientro.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert registra un errore solo quando il suo primo argomento è falsy. È un modo rapido per segnalare ipotesi non valide senza interrompere l'esecuzione.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count tiene traccia del numero di volte in cui è stata eseguita una riga con una determinata etichetta, aiutando a individuare chiamate ripetute inaspettate.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time e console.timeEnd misurano la durata di un blocco di codice, visualizzando il tempo trascorso con un'etichetta corrispondente.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Scegliere il metodo giusto
Utilizzi warn ed error per i problemi, table per i dati strutturati, group per organizzare i log correlati e assert per verificare le ipotesi. Un logging chiaro accelera il debugging.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Verifica rapida
Verifichi le sue conoscenze sui metodi di console.
Riepilogo
Riepilogo: console offre numerosi metodi oltre a log.
- warn ed error segnalano la gravità
- table visualizza i dati strutturati
- group organizza i log annidati
- assert segnala le condizioni non soddisfatte
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")Domande Frequenti
La lezione «Oltre console.log» è gratuita?
Sì — il testo completo di «Oltre console.log» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 4 lezioni in totale.
Cosa imparerò in «Oltre console.log»?
Usi table, group, warn, error e assert. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare JavaScript Academy?
Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 4.
Quanto tempo richiede la lezione «Oltre console.log»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?
Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.