консоль вы только логируете?

console.logЯ считаю, что каждый, кто писал на JavaScript, должен был сталкиваться с ним, и его можно назвать панацеей от нашей отладки. Но знаете ли вы, что помимо метода журнала, в консоли есть много методов, которые могут помочь вам быстро повысить эффективность отладки кода (принудительно)?

console.log | console.info | console.debug | console.warn | console.error

сцены, которые будут использоваться

выход不同类型(уровень) содержания.

Применение

Эти методы используются одинаково, но результаты вывода могут отличаться по цвету:

Обратите внимание, что если console.debug не имеет вывода, вы можете выбрать подробный уровень журнала (хром):

строка подстановки - подстановка строки

сцены, которые будут использоваться

Контекст при рендеринге вывода.

Применение

Теперь поддерживаются следующие строки замены:

заменить строку	описывать
`%o`или`%O`	Объекты JavaScript, которые могут быть целыми числами, строками или данными JSON.
`%d`или`%i`	Целое.
`%s`	нить.
`%f`	число с плавающей запятой.

Добавьте стили CSS к выходным данным

сцены, которые будут использоваться

Создание контента более структурированным и может значительно улучшить силу.

Применение

использовать%cОпределите стиль для вывода раздела:

console.assert

сцены, которые будут использоваться

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

Применение

console.assert(condition, ...data)

Обратите внимание, что данные будут выводиться только в том случае, если условие ложно:

console.table

сценарии использования

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

Применение

console.group

сценарии использования

Когда у вас есть много контента для вывода в интерфейс, вы можете использовать метод console.group, чтобы добавить отступ к выходу, чтобы лучше организовать контент.

Применение

Здесь следует помнить, что каждая группа должна вручную вызывать groupEnd для выхода.

console.trace

сценарии использования

Проследите стек выполнения функции. Если вы хотите точно знать, как вызывается функция, вы можете использовать функцию console.trace для отслеживания стека ее выполнения.

Применение

console.count

сцены, которые будут использоваться

Подсчитайте количество выполнений кода.

Применение

Вы также можете использовать метки, чтобы различать разные типы статистики:

console.time

сцены, которые будут использоваться

Записывает прошедшее время выполнения кода в миллисекундах (мс).

Применение

console.time(timerName)

Продолжайте обращать внимание на мои технические тренды

Я атакующий зеленый лук. Сейчас я руководитель группы в компании, занимающейся электронной коммерцией. Следуйте за мной, и я буду развиваться вместе, чтобы стать полноценным инженером самостоятельно!

Статья впервые опубликована на:Несколько консольных API для повышения эффективности

Подпишитесь на мою личную общедоступную учетную запись, чтобы получать новейшие технологии!