Разработчики могут использовать методы консоли JavaScript для доступа к консоли отладки в веб-браузерах. Используя методы для вывода различных сообщений в консоль браузера, разработчики могут улучшить процесс отладки приложений.
Например, метод console.log() позволяет нам печатать сообщения или данные в консоли браузера. Однако, поскольку разработчики не знают о других консольных методах, им часто злоупотребляют.
В этой статье я расскажу о многих консольных методах JavaScript и о том, как их использовать для отладки.
Метод журнала
Наиболее часто используемый консольный метод JavaScript — console.log(). Это полезно для вывода на консоль строк, чисел, объектов JavaScript или переменных. Кроме того, вместо того, чтобы отображать сообщения в консоли браузера, он записывает их в терминал отладки.
В предыдущем примере я вставил метод console.log() в функцию и передал переменную. Когда мы запустим код, мы получим вывод, показанный на скриншоте ниже.
Информационный метод
Console.info() похож на console.log(), но я рекомендую использовать console.info() для вывода любой информации, необходимой для отладка, а не печать значений.
Вывод кода выше точно такой же, как вывод метода console.log().
Метод отладки
Методы console.log(), console.debug() и console.info() в JavaScript одинаковы. Единственное различие заключается в том, как выходные данные отображаются в консоли браузера. Цветовые коды будут присвоены браузером выходным сообщениям консольного метода. Вывод метода console.debug() по умолчанию не отображается в инструментах разработчика Chrome. Чтобы увидеть вывод метода отладки, необходимо включить параметр фильтра консоли для всех уровней.
Чтобы получить вывод метода console.debug(), вам необходимо включить уровень Verbose для отладки в инструментах разработки в раскрывающемся списке, показанном на следующем снимке экрана.
Теперь вы можете увидеть вывод console.debug() ниже.
Метод предупреждения
Мы можем использовать метод console.warn() для отображения предупреждающего сообщения в консоли. Сообщение должно быть передано в качестве параметра. Это сообщение может быть объектом, массивом или переменной любого типа.
Консольный вывод этого кода следует.
Утвердить метод
Консоль. Метод assert() отличается от предыдущих методов. Если выражение оценено как ложное, оно выведет сообщение только на консоль. В результате вы должны передать логическое выражение в качестве параметра метода.
Первое и третье утверждения в предыдущем примере ложны. В результате вывод будет следующим.
Метод подсчета
В качестве счетчика журнала мы можем использовать метод console.count(). Он отслеживает, сколько раз метод console.count() вызывался в сценарии. Например, если вы используете его в цикле, вы можете определить, сколько раз этот цикл выполняется.
Вы также можете ввести любую метку в консоль. С именем метки в качестве параметра метод count() напечатает его. Например, приведенный ниже код будет печатать каждую этикетку, пока цикл не завершится. Чтобы получить количество, вы можете использовать любое количество меток в качестве параметра. Это поможет вам определить, правильно ли работает ваш цикл, и распечатать ожидаемый результат.
Метод трассировки
Метод трассировки работает точно так же, как метод console.log(). Консоль. Метод trace(), с другой стороны, вернет трассировку стека. По сути, он будет отображать путь вызова, используемый для достижения точки, в которой вы разместили метод console.trace().
Мы получим следующий вывод консоли для приведенного выше кода.
Методы Time, TimeLog и TimeEnd
Чтобы рассчитать время выполнения функций, используйте метод console.time(). Он помогает повысить производительность приложений, выявляя недостаточно используемые функции. Например, если вам нужно измерить производительность цикла for, вы можете использовать метод console.time(), как показано ниже.
Вы можете иметь неограниченное количество таймеров на одной странице. Чтобы идентифицировать таймер, просто передайте уникальную метку. Наконец, вы должны вызвать консоль. Чтобы остановить таймер, используйте функцию timeEnd(). Обязательно используйте то же имя таймера в консоли. Также доступен метод timeEnd().
Методы Group, GroupEnd и GroupCollapsed
Используя эти методы, вы можете сгенерировать серию сообщений в консоли. Метод group также принимает метку в качестве необязательного параметра, которую необходимо поместить непосредственно перед консольным сообщением, чтобы начать группировку.
Вывод приведенного выше кода будет выглядеть следующим образом.
Хотя передача метки методу console.group() не требуется, она помогает разработчикам определить, какие значения группируются. Однако, поскольку последняя созданная группа протоколирования всегда закрывается, console.groupEnd() не требует имени группы.
Метод console.groupCollapsed() в консоли создает новую встроенную группу, но она отличается от группы, созданной методом console.group(). Этот метод console.groupCollapsed() отображает начало свернутой группы сообщений, а также все сообщения, которые были вызваны после groupCollapsed(). Метка может быть передана как необязательный параметр.
Очистить метод
Существует множество методов и инструментов для отладки в JavaScript, но консольные методы являются одними из самых простых и простых. Кроме того, поскольку все методы поддерживаются почти всеми веб-браузерами, разработчики могут легко использовать их для отладки.
Существует множество методов и инструментов для отладки в JavaScript, но консольные методы являются одними из самых простых и простых. Кроме того, поскольку все методы поддерживаются почти всеми веб-браузерами, разработчики могут легко использовать их для отладки.
Получайте удовольствие от отладки! 😃
