Videre enn console.log
Bruk table, group, warn, error og assert.
Videre enn console.log er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 1 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.
Mer enn logg
Objektet console tilbyr mange metoder utover console.log. Hver metode uttrykker en annen hensikt og kan vise utdata på nyttige måter.
console.log("plain message")
console.info("informational")console.warn
console.warn skriver ut en advarsel. I en nettleser vises den med gul utheving, som signaliserer et problem som ikke stopper programmet, men som bør vies oppmerksomhet.
console.warn("This API is deprecated")console.error
console.error rapporterer en feil. Den har en tydelig egen stil og inneholder i nettlesere en stack trace som gjør det enklere å finne problemet.
console.error("Failed to load data")console.info og debug
console.info og console.debug fungerer som log, men angir alvorlighetsgrad. Verktøy kan filtrere meldinger etter disse nivåene.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table viser matriser og objekter som en formatert tabell, slik at strukturerte data blir langt enklere å skanne enn i en vanlig logg.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group starter en innrykket, sammenleggbar seksjon. Meldinger som logges etter dette, nestes til du kaller console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Nestede grupper
Grupper kan nestes i hverandre for å gjenspeile et hierarki, der hvert nivå gir mer innrykk.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert logger en feil bare når det første argumentet er falsy. Det er en rask måte å markere brudd på antakelser uten å stoppe kjøringen.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count sporer hvor mange ganger en linje med en gitt etikett har blitt kjørt. Det er nyttig for å oppdage uventede gjentatte kall.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time og console.timeEnd måler hvor lang tid en kodeblokk bruker, og skriver ut medgått tid med en samsvarende etikett.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Velg riktig metode
Bruk warn og error ved problemer, table for strukturerte data, group for å organisere relaterte logger, og assert for å kontrollere antakelser. Tydelig logging gjør feilsøking raskere.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Kort test
Test kunnskapene dine om console-metoder.
Oppsummering
Oppsummering: console har mange nyttige metoder utover log.
- warn og error angir alvorlighetsgrad
- table viser strukturerte data
- group organiserer nestede logger
- assert markerer betingelser som ikke holder
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")
Lær deg JavaScript med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 59
- Leksjoner
- 200
Ofte stilte spørsmål
Er leksjonen «Videre enn console.log» gratis?
Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Videre enn console.log», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Videre enn console.log»?
Bruk table, group, warn, error og assert. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med JavaScript Academy?
Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 1 av 4.
Hvor lang tid tar leksjonen «Videre enn console.log»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?
Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Videre enn console.log
- Sette bruddpunkter
- Stege gjennom kode
- Lese stakkspor