Mere end console.log
Brug table, group, warn, error og assert.
Mere end console.log er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Mere end log
console-objektet tilbyder mange metoder ud over console.log. Hver metode udtrykker en bestemt hensigt og kan vise resultater på nyttige måder.
console.log("plain message")
console.info("informational")console.warn
console.warn udsender en advarsel. I en browser vises den med gul fremhævning, som signalerer et problem, der ikke stopper programmet, men som bør bemærkes.
console.warn("This API is deprecated")console.error
console.error rapporterer en fejl. Den vises med en særskilt typografi og indeholder i browsere et stakspor, der hjælper med at finde problemet.
console.error("Failed to load data")console.info og debug
console.info og console.debug fungerer som log, men angiver alvorlighedsgrad. Værktøjer kan filtrere meddelelser efter disse niveauer.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table viser arrays og objekter som en formateret tabel, så strukturerede data er langt nemmere at skimme end i en almindelig log.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group starter en indrykket sektion, som kan foldes sammen. Meddelelser, der logges bagefter, indlejres, indtil du kalder console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Indlejrede grupper
Grupper kan indlejres i hinanden, så de afspejler et hierarki, hvor hvert niveau tilføjer mere indrykning.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert logger kun en fejl, når det første argument er falsy. Det er en hurtig måde at markere brudte antagelser på uden at standse kørslen.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count holder styr på, hvor mange gange en linje med en bestemt etiket er blevet kørt. Det er nyttigt til at opdage uventede gentagne kald.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time og console.timeEnd måler, hvor lang tid en kodeblok tager, og udskriver den forløbne tid med en tilsvarende etiket.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Valg af den rette metode
Brug warn og error til problemer, table til strukturerede data, group til at organisere relaterede logmeddelelser og assert til at kontrollere antagelser. Tydelig logning gør fejlfinding hurtigere.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Hurtig kontrol
Test din viden om console-metoder.
Opsummering
Opsummering: console har mange nyttige metoder ud over log.
- warn og error angiver alvorlighedsgrad
- table viser strukturerede data
- group organiserer indlejrede logmeddelelser
- assert markerer betingelser, der ikke er opfyldt
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “Mere end console.log” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Mere end console.log”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Mere end console.log”?
Brug table, group, warn, error og assert. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.
Hvor lang tid tager lektionen “Mere end console.log”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Mere end console.log
- Angivelse af breakpoints
- Gennemgang af kode trin for trin
- Læsning af stack traces