Para la depuración de los programas JavaScript, usar console.log () es una mejor manera que alerta (), porque: la función alert () bloqueará la ejecución de los programas de JavaScript, causando efectos secundarios; mientras que console.log () solo imprime información relevante en la consola, por lo que no causará preocupaciones similares.
¿Qué es console.log ()?
Excepto por algunas versiones muy antiguas de navegadores, la mayoría de los navegadores hoy en día vienen con funciones de depuración; Incluso si no hay función de depuración, pueden complementarse instalando complementos. Por ejemplo, la antigua versión de Firefox no viene con herramientas de depuración. En este caso, puede agregar funciones de depuración instalando el complemento Firebug. 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. Para obtener métodos de visualización específicos en cada navegador, consulte la siguiente página web:
http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-do-i-use-it
El comportamiento de console.log () puede variar en diferentes navegadores. Este artículo analiza principalmente el uso de console.log () en Firebug.
Compatible con navegadores sin consola de depuración
Para los navegadores más antiguos 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 (errores de puntero nulo) dentro del navegador y eventualmente causar bloqueos en algunos navegadores más antiguos. 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; De esta manera, cuando se ejecuta la declaración console.log (), estas versiones antiguas de los navegadores no harán nada:
La copia del código es la siguiente:
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.
Parámetros de uso
Similar a la función alerta (), console.log () también puede aceptar variables y empalmarlas con otras cadenas:
La copia del código es la siguiente:
// Usar 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:
La copia del código es la siguiente:
// Usar 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".
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:
La copia del código es la siguiente:
// Usar diferentes niveles de registro
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 íconos de la información de impresión en diferentes niveles de registro son diferentes; Al mismo tiempo, puede seleccionar diferentes niveles de registro en la consola para filtrar esta información: