Во всем мире все разработчики, использующие JS/TS, хотя бы раз в жизни использовали знаменитый console.log(),либо просто для отладки кода , чтобы отобразить ответное сообщение и многое другое, но знаете ли вы, что существует гораздо больше, чем просто console.log()?

Ниже вы найдете так много вариантов, которые могут даже помочь мне при разработке моего кода. Но просто уточню, что это не все варианты, которые существуют. Давайте проверим их!

консоль.assert()

console.assert() — это функция JavaScript, которая позволяет вам делать утверждения о достоверности выражений.

Функция принимает два аргумента: первый — это выражение, которое вы хотите проверить, а второй — необязательное сообщение, которое будет отображаться, если утверждение не выполняется.

В этом случае выражение 1 + 1 === 2 истинно, поэтому сообщение не будет отображаться в консоли. Однако если бы выражение было 1 + 1 === 3, то в консоли отображалось бы сообщение 'Math is broken'.

console.assert() — это полезный инструмент для отладки, поскольку он позволяет проверить, выполняются ли определенные условия, и легче диагностировать проблемы при их возникновении.

консоль.очистить()

Эта опция предназначена, как следует из названия, для очистки нашей консоли/терминала.

console.clear() может быть очень удобным в конце нашего кода, где мы можем очистить терминал и не беспокоиться об этом позже.

console.count()

Мы можем использовать console.count(), чтобы подсчитать, сколько раз функция была выполнена/вызвана или сколько раз мы уже прошли этот код и т. д.

В этом примере мы только что вызвали console.count() 5 раз. Результат этого в моем терминале будет следующим:

Другим примером является следующий, где мы можем передать текст, который будет отображаться на терминале вместе со счетчиком по умолчанию из самого console.count() (этот текст является одним из параметров, которые мы можем передать):

Результат этого кода в терминале будет следующим:

консоль.предупреждать()

console.warn()выводит предупреждающее сообщение на консоль. Сообщение отображается со значком желтого треугольника и словом «ПРЕДУПРЕЖДЕНИЕ» перед ним, чтобы отличить его от других типов сообщений.

И результат:

Цель использования console.warn() — привлечь внимание к потенциальной проблеме или проблеме в вашем коде, которая может не вызывать ошибки, но может привести к неожиданным результатам или поведению. Это способ предупредить разработчика о потенциальных проблемах в процессе разработки.

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

console.error() выводит сообщение об ошибке на консоль. Сообщение отображается с красным значком и словом «ОШИБКА» перед ним, чтобы отличить его от других типов сообщений.

И результат:

Цель использования console.error() — привлечь внимание к проблеме или проблеме в вашем коде, которая вызывает ошибку или исключение. Это способ предупредить разработчика об ошибках в процессе разработки и может использоваться для целей отладки.

console.info()

Почти идентичен традиционному console.log(), который мы обычно используем, в этом случае мы можем использовать console.info(), чтобы действительно знать, что это необходимая информация, и лучше понимать код, потому что в остальном нет никаких различий, как в предыдущих примерах, где цвет букв и другие вещи в конечном итоге меняются. В Firefox и Chrome маленький значок «i» может отображаться рядом с элементами журнала консоли.

консоль.таблица()

console.table() может очень помочь, когда мы хотим лучше визуализировать некоторую информацию на консоли, именно с помощью console.table() мы создадим таблицу на консоли, где мы будем видеть информацию, которую мы передаем в нее.

И результат:

Он создает таблицу с двумя столбцами, один с индексом каждого элемента в массиве и данными, которые находятся в каждом из этих индексов.

Другой пример, который мы можем исследовать, — это передача объекта вместо массива в console.table():

И результат:

консоль.группа()

С помощью console.group() мы можем сгруппировать некоторую информацию, чтобы иметь возможность визуализировать ее наилучшим образом, таким образом, чтобы мы разграничили эти группы (в следующих примерах мы это увидим), а также для того, чтобы сообщения были смещены внутри нашего console.group() чтобы еще больше помочь нашей визуализации.

И результат:

консоль.время()

Вы когда-нибудь задумывались о том, сколько времени требуется для полного выполнения определенной части кода? Для этого и предназначен console.time(), он покажет вам в конце всего, сколько времени потребовалось, чтобы достичь конца от вызова console.time() до вызова console.timeEnd().

Внутри console.time() мы передаем в качестве параметра, так сказать, имя нашего таймера, а в console.timeEnd() мы передаем то же имя, чтобы указать, что отсчет времени должен быть завершен.

И результат:

консоль.трассировка()

С помощью console.trace() мы можем шаг за шагом отслеживать выполнение кода.

В приведенном ниже примере мы просто создадим 2 функции, одну функцию с именем func1, которая будет вызывать другую функцию func2, которая, в свою очередь, будет иметь console.trace().

И результат:

Мы можем заметить, что, как прокомментировано, он показывает, какие функции были вызваны.

Заключение

Надеюсь, вы нашли эту статью полезной. Если у вас есть какие-либо вопросы или предложения, пожалуйста, оставляйте комментарии. Ваши отзывы помогают мне стать лучше.

Спасибо за прочтение! Следуйте за мной на этой платформе, чтобы читать больше материалов по программированию. Хорошего дня, скоро увидимся! 👋