1. ¿Qué es console.log ()?
Excepto por algunas versiones muy antiguas de los navegadores, la mayoría de los navegadores hoy en día vienen con funciones de depuración; Por ejemplo, la versión anterior de Firefox no viene con herramientas de depuración. En un navegador con función de depuración, una variable de miembro con nombre de consola se registrará en el objeto de la ventana, refiriéndose a la consola en la herramienta de depuración. Al llamar a la función log () del objeto de la consola, puede imprimir información en la consola. Por ejemplo, el siguiente código imprimirá "registro de muestras" en la consola:
La copia del código es la siguiente: window.console.log ("Log de muestra");
El código anterior puede ignorar el objeto de la ventana y abreviado directamente como:
La copia del código es la siguiente: console.log ("Log de muestra");
console.log () puede aceptar cualquier cadena, número y objeto JavaScript. Similar a la función alert (), console.log () también puede aceptar nuevas líneas/N y caracteres TAB/t. La información de depuración impresa en la declaración console.log () se puede ver en la consola de depuración del navegador. El comportamiento de console.log () puede variar en diferentes navegadores.
2. Compatible con navegadores sin consola de depuración
Para las versiones antiguas de los navegadores que carecen de consola de depuración, el objeto de la consola en la ventana no existe, por lo que usar la instrucción Console.log () directamente puede causar errores dentro del navegador (error de puntero nulo) y eventualmente conducir a algunos viejos versiones del bloqueo del navegador. Para resolver este problema, puede definir manualmente el objeto de la consola y declarar que la función de registro del objeto de consola es una función vacía; :
Copie el código de la siguiente manera: if (! Window.console) {
window.console = {log: function () {}};
}
Sin embargo, en la mayoría de los casos, no hay necesidad de hacer este trabajo de compatibilidad: el código de depuración como console.log () debe eliminarse del código final del producto.
3. Use parámetros
Similar a la función alerta (), console.log () también puede aceptar variables y empalmarlas con otras cadenas:
Copie el código de la siguiente manera: // Use la variable
var name = "bob";
console.log ("El nombre es:" + nombre);
A diferencia de la función alert (), console.log () también puede aceptar variables como parámetros para pasar a las cadenas, y su sintaxis específica es consistente con la sintaxis Printf en el lenguaje C:
Copie el código de la siguiente manera: // Use el parámetro
var People = "Alex";
VAR años = 42;
console.log (" %s es %d años de edad", personas, años);
El resultado de la ejecución del código anterior es: "Alex tiene 42 años".
4. Use otros niveles de registro
Además de console.log (), Firebug también admite una variedad de niveles de registro diferentes: depuración, información, advertencia, error. El siguiente código imprimirá estos diferentes niveles de registro en la consola:
Copie el código de la siguiente manera: // Use un nivel de registro diferente
console.log ("nivel de registro");
console.debug ("nivel de depuración");
console.info ("nivel de información");
console.warn ("nivel de advertencia");
console.error ("nivel de error");
Desde la consola Firebug, puede ver que los colores e iconos de la información de impresión en diferentes niveles de registro son diferentes;