JavaScript Utilizando console.log ()


Ejemplo

Introducción

Todos los navegadores web modernos, NodeJs y casi todos los demás entornos de JavaScript admiten la escritura de mensajes en una consola utilizando un conjunto de métodos de registro. El más común de estos métodos es console.log() .

En un entorno de navegador, la función console.log() se utiliza principalmente para fines de depuración.


Empezando

Abra la Consola de JavaScript en su navegador, escriba lo siguiente y presione Entrar :

console.log("Hello, World!");

Esto registrará lo siguiente en la consola:

Salida de registro de la consola en Google Chrome

En el ejemplo anterior, la función console.log() imprime Hello, World! a la consola y devuelve undefined (se muestra arriba en la ventana de resultados de la consola). Esto se debe a que console.log() no tiene un valor de retorno explícito.


Variables de registro

console.log() puede usarse para registrar variables de cualquier tipo; No solo cuerdas. Simplemente pase la variable que desea que se muestre en la consola, por ejemplo:

var foo = "bar";
console.log(foo);

Esto registrará lo siguiente en la consola:

console.log () se puede utilizar con variables

Si desea registrar dos o más valores, simplemente sepárelos con comas. Los espacios se agregarán automáticamente entre cada argumento durante la concatenación:

var thisVar = 'first value';
var thatVar = 'second value';
console.log("thisVar:", thisVar, "and thatVar:", thatVar);
Esto registrará lo siguiente en la consola:

Consola concat


Placeholders

Puede usar console.log() en combinación con marcadores de posición:

var greet = "Hello", who = "World";
console.log("%s, %s!", greet, who);

Esto registrará lo siguiente en la consola:

introduzca la descripción de la imagen aquí


Registrar objetos

A continuación vemos el resultado de registrar un objeto. Esto suele ser útil para registrar las respuestas JSON de las llamadas a la API.

console.log({
    'Email': '', 
    'Groups': {},
    'Id': 33,
    'IsHiddenInUI': false,
    'IsSiteAdmin': false,
    'LoginName': 'i:0#.w|virtualdomain\\user2',
    'PrincipalType': 1,
    'Title': 'user2'
});

Esto registrará lo siguiente en la consola:

Objeto registrado en consola


Registrando elementos HTML

Tiene la capacidad de registrar cualquier elemento que exista dentro del DOM . En este caso registramos el elemento body:

console.log(document.body);

Esto registrará lo siguiente en la consola:

introduzca la descripción de la imagen aquí


Nota final

Para obtener más información sobre las capacidades de la consola, consulte el tema Consola .