Если вам нравятся мои статьи, вы можете купить мне кофе :)

Консольный API используется для отладки, печати сообщений и передачи различной информации на консоль, особенно в средах выполнения JavaScript, таких как браузеры и Node.js. Но чтобы правильно использовать консольный API, вам нужно точно знать, что такое консольный API.

В этой статье Я объясню вам консольный API. Консольный API является объектом. Этот объект имеет ключи, и когда вы пишете консольный метод, вы получаете доступ к значению ключа в консольном объекте.

Теперь я объясню вам, написав свой собственный консольный объект, чтобы вы могли понять логику работы метода журнала в консольном API.

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!");

Попробуйте прочитать код. Как видно из кода, я создал пользовательский объект консоли и определил ключ для этого объекта, а значение этого ключа является функцией. Затем я получил доступ к ключу журнала этого объекта.

В результате консольный API имеет не просто метод «log». Так сколько их? Давайте узнаем прямо сейчас.

Как видно на фото, консольный объект имеет более одного ключа и значений этих ключей. Эти значения являются функциями.

Мы можем получить доступ к этим функциям с помощью объекта консоли.

console.error()
console.warn()

Теперь давайте узнаем, что делают некоторые из этих функций.

1. консоль.отладка()

console.debug , функция в JavaScript, используемая для целей отладки в консоли браузера. По умолчанию выходные данные метода console.debug() не будут видны в инструментах разработчика Chrome.

Пример :

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 



Выход : 



вывод метода console.debug() не будет виден в инструментах разработчика Chrome.



  
  
  2. консоль.ошибка()


Это метод, используемый в JavaScript для вывода сообщений об ошибках на консоль. Он используется для облегчения отладки при возникновении ошибки. сообщение может иметь специальное форматирование, например красный цвет и значок ошибки.

Пример :


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);





Если при получении данных возникла ошибка, это вывод: 





  
  
  3. консоль.warn()


Это метод, используемый в JavaScript для вывода на консоль потенциальных проблем или ситуаций, требующих внимания. Он используется для облегчения отладки при возникновении ошибки. сообщение может иметь специальное форматирование, например, желтый цвет и значок предупреждения.

Пример :


  if (password.length 





  
  
  4. консоль.каталог()


Метод console.dir() отображает список свойств указанного объекта JavaScript. В консолях браузера выходные данные представлены в виде иерархического списка с треугольниками раскрытия, которые позволяют видеть содержимое дочерних объектов.

Пример :


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)




Выход : 





  
  
  5. консоль.dirxml()


Метод console.dirxml() отображает интерактивное дерево элементов-потомков указанного элемента XML/HTML. Если невозможно отобразить как элемент, вместо этого отображается представление JavaScript Object. Вывод представлен в виде иерархического списка расширяемых узлов, который позволяет вам видеть содержимое дочерних узлов.

Пример :


console.dirxml(document.body);




Выход :





  
  
  6. консоль.утверждение()


Метод console.assert() записывает сообщение об ошибке на консоль, если утверждение неверно. Если утверждение верно, ничего не происходит.

Пример :


consolle.assert("a" === "f" , error message)




Выход : 





  
  
  7. консоль.count()


Метод console.count() регистрирует количество вызовов данного конкретного вызова count().

Пример :


function greet(user) {
  console.count();
  return `hi ${user}`;
}

greet("micheal");
greet("roman");
greet();
console.count();




Выход : 





  
  
  Заключение


Если условие неверно, выводится сообщение об ошибке. Если условие истинно, оно ничего не напечатает.