Cuando trabajamos con Javascript el uso de del objeto Console es cotidiano. Sin embargo algunos de los métodos de Javascript Console no son muy conocidos aunque sí son ciertamente útiles. Vamos a echar un vistazo a algunos de ellos.
Consola y otros métodos
Quizá dos de los métodos mas útiles en algunos momentos son los dos siguientes :
- console.time: Inicializa una variable para almacenar el tiempo transcurrido.
- console.timeEnd: Asigna un valor final a esta variable .
De esta forma podemos calcular el tiempo transcurrido entre un grupo de operaciones para hacernos una idea de forma rápida de cuanto le esta costando al motor de Javascript ejecutar un determinado bloque de código.
<html>
<body>
<script type="text/javascript">
console.time("iniciando lista");
var lista= new Array(1000000);
for(var i=0;i<1000000;i++) {
lista[i]=i;
}
console.timeEnd("iniciando lista");
</script>
</body>
</html>
El resultado será muy exacto ya que se mide en milisegundos.
Otro de los métodos más habituales y poco conocidos de la consola es el método debugger (no es de la consola pero esta relacionado) que nos permite parar la ejecución en un momento determinado y a partir de ese momento ejecutar linea a linea. Es muy útil ya que nos permite ejecutar el código de javascript hasta llegar a la linea que nosotros queremos y ahí se detiene y nos permite ejecutar paso a paso.
<html>
<body>
<script type="text/javascript">
console.log("paso1");
console.log("paso2");
debugger;
console.log("paso3");
console.log("paso4");
</script>
</body>
</html>
Al ubicar la sentencia debugger en mitad del código el navegador parará la ejecución
Por ultimo el método console.dir() nos permite ver a mayor detalle cualquier objeto que le pasemos por parámetro como por ejemplo el body:
<html> <body> <script type="text/javascript"> console.dir(document.body); </script> </body> </html>
Podemos ver como nos muestra la información completa del arbol DOM.
Como podemos ver la consola trae una serie de métodos muy interesantes que a veces nos olvidamos de utilizar.
Otros artículos relacionados: jQuery y envolturas ,jQuery Eventos Globales ,Usando Underscore