Más allá de console.log
Use table, group, warn, error y assert.
Más allá de console.log es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 4 lecciones en total.
Más allá de console.log
El objeto console ofrece muchos métodos además de console.log. Cada uno comunica una intención diferente y puede mostrar la salida de formas útiles.
console.log("plain message")
console.info("informational")console.warn
console.warn emite una advertencia. En un navegador aparece resaltado en amarillo, lo que indica un problema no fatal que merece atención.
console.warn("This API is deprecated")console.error
console.error informa de un error. Tiene un estilo distintivo y, en los navegadores, incluye una traza de pila que ayuda a localizar el problema.
console.error("Failed to load data")console.info y debug
console.info y console.debug se comportan como log, pero comunican un nivel de gravedad. Las herramientas pueden filtrar los mensajes según estos niveles.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table muestra arrays y objetos en forma de tabla con formato, lo que facilita mucho más examinar datos estructurados que con un log simple.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group inicia una sección contraída y con sangría. Los mensajes registrados después quedan anidados hasta que se llama a console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Grupos anidados
Los grupos pueden anidarse unos dentro de otros para reflejar una jerarquía, y cada nivel añade más sangría.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert registra un error solo cuando su primer argumento es falsy. Es una forma rápida de señalar supuestos incorrectos sin detener la ejecución.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count lleva la cuenta de cuántas veces se ha ejecutado una línea etiquetada, lo que resulta útil para detectar llamadas repetidas inesperadamente.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time y console.timeEnd miden cuánto tarda en ejecutarse un bloque de código e imprimen la duración transcurrida con una etiqueta coincidente.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Elegir el método adecuado
Use warn y error para los problemas, table para los datos estructurados, group para organizar logs relacionados y assert para validar supuestos. Un registro claro agiliza la depuración.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Comprobación rápida
Compruebe sus conocimientos sobre los métodos de console.
Resumen
Resumen: console ofrece muchos métodos además de log.
- warn y error indican la gravedad
- table muestra datos estructurados
- group organiza logs anidados
- assert señala condiciones falsas
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")Preguntas frecuentes
¿La lección «Más allá de console.log» es gratis?
Sí — el texto completo de «Más allá de console.log» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Más allá de console.log»?
Use table, group, warn, error y assert. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «Más allá de console.log»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Más allá de console.log
- Establecimiento de puntos de interrupción
- Ejecución paso a paso del código
- Lectura de trazas de pila