Bortom console.log
Använd table, group, warn, error och assert.
Bortom console.log är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 1 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 4 lektioner.
Mer än loggning
Objektet console erbjuder många metoder utöver console.log. Varje metod uttrycker ett annat syfte och kan visa utdata på användbara sätt.
console.log("plain message")
console.info("informational")console.warn
console.warn skriver ut en varning. I en webbläsare visas den med gul markering, vilket signalerar ett icke-kritiskt problem som bör uppmärksammas.
console.warn("This API is deprecated")console.error
console.error rapporterar ett fel. Det visas med en särskild formatering och innehåller i webbläsare en stack trace som hjälper till att hitta problemet.
console.error("Failed to load data")console.info och console.debug
console.info och console.debug fungerar som log, men förmedlar allvarlighetsgrad. Verktyg kan filtrera meddelanden utifrån dessa nivåer.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table visar arrayer och objekt som en formaterad tabell, vilket gör strukturerade data betydligt enklare att överblicka än i en vanlig logg.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group startar en indragen, hopfällbar sektion. Meddelanden som loggas efteråt nästlas tills ni anropar console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Nästlade grupper
Grupper kan nästlas i varandra för att återspegla en hierarki, där varje nivå lägger till mer indrag.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert loggar ett fel endast när det första argumentet är falsy. Det är ett snabbt sätt att markera felaktiga antaganden utan att stoppa körningen.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count håller reda på hur många gånger en märkt kodrad har körts, vilket är praktiskt för att upptäcka oväntade upprepade anrop.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time och console.timeEnd mäter hur lång tid ett kodblock tar och skriver ut den förflutna tiden med en matchande etikett.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Välj rätt metod
Använd warn och error för problem, table för strukturerade data, group för att organisera relaterade loggar och assert för att kontrollera antaganden. Tydlig loggning gör felsökningen snabbare.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Snabbtest
Testa era kunskaper om console-metoder.
Sammanfattning
Sammanfattning: console har många användbara metoder utöver log.
- warn och error signalerar allvarlighetsgrad
- table visar strukturerade data
- group organiserar nästlade loggar
- assert markerar villkor som inte uppfylls
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Bortom console.log” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Bortom console.log”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Bortom console.log”?
Använd table, group, warn, error och assert. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.
Hur lång tid tar lektionen ”Bortom console.log”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Bortom console.log
- Sätta brytpunkter
- Stega igenom kod
- Läsa stackspårningar