Objeto Consola : El objeto Consola proporciona acceso a la consola de depuración del navegador, que se puede ver usando F12 o ctrl+shift+j . El objeto de la consola contiene muchos métodos, log() y dir() son los más utilizados.
El método console.log() imprime una representación toString del objeto en la consola para el usuario.
Sintaxis:
console.log(object) or console.log("string", object)
El método console.dir() genera la lista de propiedades de objeto de un objeto específico en la consola para el usuario.
Sintaxis:
console.dir(object)
En palabras simples, console.log() devuelve el objeto en su representación de string y console.dir() reconoce el objeto como un objeto y muestra sus propiedades. Tanto log() como dir() devuelven la string como una string.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<script>
var str = "Howdy GeeksforGeeks"
var geek = {
book: "harrypotter",
price: "2000"
};
var geek2 = [10, 20, 30];
console.log(str);
console.dir(str);
console.dir(geek);
console.log("geek (log) = ", geek);
console.dir(geek2);
console.log("geek2 (log) = ", geek2);
// Prints only string as dir() takes
// only one parameter.
console.dir("geek2 (dir) = ", geek2);
</script>
</head>
</html>
Producción:
En el código anterior, log()imprime la representación toString del objeto mientras dir()reconoce el objeto e imprime solo sus propiedades.
El programa anterior se ejecuta en Chrome, por lo que log() imprime el árbol junto con la información de la string, pero si se ejecuta en Firefox, log() solo imprime la información de representación de toString, mientras que dir() se comporta igual en cualquier lugar.
Como puedes ver en el código console.dir(“geek2 (dir) = “, geek2); solo imprime la parte de la string pero no las propiedades del objeto porque dir() toma solo un parámetro y considera la string como su único parámetro pasado a los métodos, mientras que log() toma cualquier cantidad de parámetros.