1. Comando para mostrar información
El código es el siguiente:
<! Doctype html> <html> <head> <title> Common Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script = script = type = "text/javascript"> console.log ('hello'); console.info ('información'); console.error ('error'); console.warn ('advertencia'); </script> </body> </html>La consola.log más comúnmente utilizada es la consola.log.
Dos: marcador de posición
La concentración de consola anterior respalda el formato de marcador de posición Printf. Los marcadores de posición admitidos son: caracteres (%s), enteros (%d o%i), números de puntos flotantes (%f) y objeto (%O)
El código es el siguiente:
<script type = "text/javaScript"> console.log (" %d de año %d mes %d día", 2016, 8, 20); </script>Efecto:
3. Agrupación de información
El código es el siguiente:
<! DOCTYPE HTML> <html> <fead> <title> Common Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javaScript"> console.group ("primera información");; console.log ("Primer elemento de grupo 1: mi blog técnico (https://segmentfault.com/u/learnme)"); console.log ("Primer elemento de grupo 2: my github (https://github.com/specialcoder/)"); console.groupend (); console.group ("Información de segundo grupo"); console.log ("Segundo grupo primero: entusiasta del programa"); console.log ("Segundo grupo segundo: bienvenido a unirse"); console.groupend (); </script> </body> </html>Efecto:
4. Ver la información del objeto
console.dir () puede mostrar todas las propiedades y métodos de un objeto.
El código es el siguiente:
<script type = "text/javaScript"> var info = {blog: "https://segmentfault.com/u/learnme/", github: "https://github.com/specialcoder/", mensaje: "Los entusiastas del programa le dan la bienvenida para unirse a"}; console.dir (info); </scrito>Efecto:
5. Muestre el contenido de un nodo
console.dirxml () se usa para mostrar el código HTML/XML contenido en un nodo de una página web.
El código es el siguiente:
<! Doctype html> <html> <fead> <title> Common Console Command </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <div ID = "info"> <h3> Mi blog: https://segmentfault.com entusiastas, puede unirse </p> </div> <script type = "text/javaScript"> var info = document.getElementById ('info'); console.dirxml (info); </script> </body> </html>Efecto:
6. Determine si la variable es verdadera
console.assert () se usa para determinar si una expresión o variable es verdadera. Si el resultado es no, se emite un mensaje correspondiente en la consola y se lanza una excepción.
Afirmar es una buena característica para garantizar la corrección del programa. En los navegadores con herramientas de depuración, esta característica se puede implementar llamando a console.assert ().
El código es el siguiente:
<script type = "text/javaScript"> var resultado = 1; console.assert (resultado); var año = 2014; console.assert (año === 2018, "Falló de afirmación"); </script>
En la declaración console.assert (), el primer parámetro es el resultado de afirmar que debe realizarse, lo que debería ser verdadero en circunstancias normales; El segundo parámetro es el mensaje de error impreso en la consola cuando ocurre un error.
1 es un valor no 0, es cierto; y el segundo juicio es falso, y el mensaje de error se muestra en la consola
Mostrar resultados:
7. Rastree la pista de llamadas de la función
Console.trace () se usa para rastrear la pista de llamadas de la función.
El código es el siguiente:
<script type = "text/javaScript">/*Cómo se llama la función, solo agregue console.trace () método a IT*/function add (a, b) {console.trace (); devolver a+b; } var x = add3 (1,1); función add3 (a, b) {return add2 (a, b);} function add2 (a, b) {return add1 (a, b);} function add1 (a, b) {return add (a, b);} </script>Información de salida de la consola:
8. Función de tiempo
console.time () y console.timeend () se utilizan para mostrar el tiempo de ejecución del código.
El código es el siguiente:
<script type = "text/javaScript"> console.time ("cuenta 1000*1000"); para (var i = 0; i <1000; i ++) {for (var j = 0; j <1000; j ++) {}} console.timeend ("cuenta 1000*1000"); </script>El tiempo de ejecución es de 10.64 ms
9. Análisis de rendimiento de console.profile ()
El análisis de rendimiento (Profiler) es analizar el tiempo de ejecución de cada parte del programa y descubrir el cuello de botella. El método utilizado es console.profile ().
El código es el siguiente:
<script type = "text/javaScript"> function all () {alert (11); for (var i = 0; i <10; i ++) {funca (1000);} funcb (10000); } función funca (count) {for (var i = 0; i <count; i ++) {}} function func (count) {for (var i = 0; i <count; i ++) {}} console.profile ('Performance Analyzer'); Todo(); console.profileend (); </script>Permítanme explicar que durante la prueba de LZ, no se agregó alerta a todos (), y la barra de control no se emitió. Después de agregar, hubo una tabla de análisis de rendimiento. La razón aún no estaba clara. Si lo sabes, puedes comentar.