Si te gustan mis artículos, puedes invitarme a un café :)

La API de la consola se utiliza para depurar, imprimir mensajes y transferir información diversa a la consola, especialmente en tiempos de ejecución de JavaScript como navegadores y Node.js. Pero para utilizar la API de la consola correctamente, necesita saber exactamente qué es la API de la consola.

En este artículo, te explicaré la API de la consola. La API de consola es un objeto. Este objeto tiene claves, y cuando escribes un método de consola, accedes al valor de una clave en el objeto de consola.

Ahora te lo explicaré codificando mi propio objeto de consola para que puedas comprender la lógica de cómo funciona el método de registro en la API de consola.

const customConsole = {
    log: function(message) {
        const timestamp = new Date().toISOString();
        const output = `[${timestamp}] LOG: ${message}`;
        alert(output); // Displaying the output (replace with console.log in a real scenario)
    }
};

customConsole.log("Hello, this is a custom console log!");

Intenta leer el código. Como se puede ver en el código, creé un objeto de consola personalizado y definí una clave para este objeto, y el valor de esta clave es una función. Luego accedí a la clave de registro de este objeto.

Como resultado, la API de la consola no solo tiene un método de "registro". Entonces ¿cuántos hay? Averigüemos ahora.

Como se ve en la foto, el objeto de consola tiene más de una clave y los valores de estas claves. Estos valores son funciones.

Podemos acceder a estas funciones con el objeto de consola.

console.error()
console.warn()

Ahora aprendamos qué hacen algunas de estas funciones.

1. consola.depurar()

console.debug , una función en JavaScript utilizada para fines de depuración en la consola del navegador. De forma predeterminada, la salida del método console.debug() no será visible en las herramientas para desarrolladores de Chrome.

Ejemplo :

function subtract(a, b) {
    console.debug("subtract function called:", { a, b });
    const result = a - b;

    if (result > 0) {
        console.debug("Result is positive.");
    } else if (result 



Producción : 



la salida del método console.debug() no será visible en las herramientas para desarrolladores de Chrome.



  
  
  2. consola.error()


Es un método utilizado en JavaScript para imprimir mensajes de error en la consola. Se utiliza para facilitar la depuración cuando se produce un error. el mensaje puede recibir un formato especial, como colores rojos y un ícono de error.

Ejemplo :


async function fetchData(ıd) {
    try {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${ıd}`);

        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }

        const data = await response.json();
        console.log("posts data fetched successfully:", data);
        return data;

    } catch (error) {
        console.error(" error posts data :", error.message);
    }
}

fetchData(1);





Si hay un error al obtener datos, este es el resultado: 





  
  
  3. consola.advertir()


Es un método utilizado en JavaScript para imprimir posibles problemas o situaciones que requieran atención en la consola. Se utiliza para facilitar la depuración cuando se produce un error. el mensaje puede recibir un formato especial, como colores amarillos y un ícono de advertencia.

Ejemplo :


  if (password.length 





  
  
  4. consola.dir()


El método console.dir() muestra una lista de las propiedades del objeto JavaScript especificado. En las consolas del navegador, el resultado se presenta como una lista jerárquica con triángulos desplegables que le permiten ver el contenido de los objetos secundarios.

Ejemplo :


const basket =  {
    name : "t-shirt",
    price : 100,
    quantity : 1,
    color : [ "blue" , "red" , "yellow"],
    size : [ "xs" , "s" , "m" , "l" , "xl"],
    total : function() {
        return this.price * this.quantity;
    }

}

console.dir(basket)
,
    total: función() {
        devolver este.precio * esta.cantidad;
    }

}

consola.dir(cesta)




Producción
 : 





  
  
  5. consola.dirxml()


El método console.dirxml() muestra un árbol interactivo de los elementos descendientes del elemento XML/HTML especificado. Si no es posible mostrarlo como elemento, se muestra la vista Objeto JavaScript
. El resultado se presenta como una lista jerárquica de nodos expandibles que le permiten ver el contenido de los nodos secundarios.


Ejemplo
 :
console.dirxml(document.body);
console.dirxml(documento.cuerpo);




Producción
 :





  
  
  6. consola.afirmar()


El método console.assert()
 escribe un mensaje de error en la consola si la afirmación es falsa. Si la afirmación es cierta, no pasa nada.


Ejemplo
 :
console.dirxml(document.body);
consolle.assert("a" === "f", mensaje de error)




Producción
 : 





  
  
  7. consola.count()


El método console.count() registra el número de veces que se ha llamado esta llamada particular a count()
.


Ejemplo
 :
console.dirxml(document.body);
función saludar(usuario) {
  consola.count();
  devolver `hola ${usuario}`;
}

saludar("micheal");
saludar("romano");
saludar();
consola.count();




Producción
 : 





  
  
  Conclusión


Si una condición no es verdadera, imprime un mensaje de error. Si la condición es verdadera, no imprimirá nada.