Tradujeron
un art铆culo de Amit Solanka sobre la depuraci贸n del c贸digo JavaScript mediante comandos de consola. Seg煤n el autor, estos comandos ayudar谩n a aumentar significativamente la productividad del programador al buscar errores y a ahorrar mucho tiempo.
Veamos los comandos que realmente pueden simplificar la vida de cualquier programador.
Le recordamos: para todos los lectores de "Habr": un descuento de 10.000 rublos al registrarse en cualquier curso de Skillbox con el c贸digo de promoci贸n "Habr".
Skillbox recomienda: El curso en l铆nea de Frontend Developer Profession .
Agrupando registros usando console.group ('nombre') y console.groupEnd ('nombre')
Los comandos de consola console.group ('nombre') y console.groupEnd ('nombre') proporcionan una agrupaci贸n de varios registros dispares en un solo 谩rbol desplegable, lo que brinda acceso r谩pido a cualquiera de los registros. Adem谩s, estos comandos le permiten crear 谩rboles anidados para su posterior agrupaci贸n.
Hay tres m茅todos en total. El primero, console.group ('nombre'), marca el comienzo de la agrupaci贸n, el segundo, console.groupEnd ('nombre'), marca el final, y console.groupCollapsed () forma el grupo en modo de 谩rbol colapsado.
Trace console.trace ()
Si el programador necesita una pila completa de llamadas a funciones, entonces debe usar el comando console.trace (). Un ejemplo de trabajar con ella:
function foo() { function bar() { console.trace(); } bar(); } foo();
Y el resultado.
Contar llamadas con console.count ()
El comando console.count () le permite mostrar la cantidad de veces que se llam贸. Vale la pena recordar: si cambia la l铆nea de registro que se le da al equipo, la cuenta regresiva continuar谩 en una nueva. Si lo desea, puede restablecer el contador con el comando console.countReset ().
Inicio y detenci贸n del temporizador con console.time () y console.timeEnd ()
Todo es simple aqu铆. Ambos comandos controlan el temporizador, lo que le permite iniciarlo o detenerlo. Por lo general, se usan para probar el rendimiento. Adem谩s, si lo desea, puede crear un temporizador espec铆fico; en este caso, debe pasar una cadena a cualquiera de los comandos.
Expresiones l贸gicas y console.assert ()
La funci贸n console.assert () es indispensable para trabajar con expresiones l贸gicas. Le permite verificar si alguna expresi贸n es falsa. El resultado se registra. En principio, puede usar if, pero la consola es m谩s conveniente. Un ejemplo de trabajo con un equipo:
function greaterThan(a,b) { console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b}); } greaterThan(2,1);
Resultado
Perfilado con console.profile ()
El comando console.profile () le permite ejecutar perfiles sin ning煤n problema. El trabajo manual en este caso no es necesario, porque el equipo hace todo por s铆 misma.
function thisNeedsToBeProfiled() { console.profile("thisNeedsToBeProfiled()");
L铆nea de tiempo y console.timeStamp ()
Otra caracter铆stica 煤til, console.timeStamp (), agrega una marca de tiempo para ciertos eventos. Se puede usar para registrar el momento de devolver una llamada API o para registrar el tiempo de finalizaci贸n del procesamiento de datos. En realidad, hay muchos casos aqu铆.
console.timeStamp ('marca de tiempo personalizada!');
Borrar la consola console.clear ()
Todo es simple aqu铆. Si desea borrar la consola, use console.clear ().
Propiedad console.memory
Le permite mostrar el tama帽o del b煤fer. Vale la pena usarlo si las estad铆sticas de rendimiento no son muy claras, pero no hay tiempo para familiarizarse con los plazos.
Salida de tabla con console.table ()
La funci贸n console.table () le permite mostrar una peque帽a tabla con la que el desarrollador puede interactuar. Aqu铆 se usa una matriz como argumento; debe pasarse para llamar.
En realidad, eso es todo por hoy. Si tienes tus propios trucos de depuraci贸n, comp谩rtelos en los comentarios, te lo agradeceremos.
Skillbox recomienda: