Используем Console на полную

Основы:

console.log(‘Hello World!’); // выводит сообщение или объект в консоль
console.info(‘Something happened…’); // тоже самое, что и console.log
console.warn(‘Something strange happened…’); // тоже что и console.log, но выводит предупреждение
console.error(‘Something horrible happened…’); // тоже что и console.log, но выводит ошибку

console.trace()

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

console.time() && console.timeEnd()

Если вы пытаетесь найти проблему с производительностью, начните подсчет времени с помощью console.time() и выведите его с помощью console.timeEnd().

console.memory

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

console.profile(‘name’) & console.profileEnd(‘name’)

Этот метод не является стандартом, но получил широкую поддержку. Вы можете запустить и остановить инструмент производительности браузера(профайлер) из кода с помощью console.profile('name'), а затем console.profileEnd('name'). Это поможет вам точно спроецировать то, чего вы хотите.

console.count(“STUFF I COUNT”)

В случае повторяющейся функции или кода, вы можете использовать console.count(“?”), чтобы подсчитать сколько раз ваш скрипт будет исполнен.

console.assert(false, “Log me!”)

Да, условное логирование без обёртывания ваших логов с помощью if-else. Вы можете использовать console.assert(условие, сообщение), чтобы выводить в консоль сообщение, когда условие является ложным.

* дисклеймер – в Node.js это вызовет ошибку Assertion Error! (ошибка утверждения)

console.group(‘group’) & console.groupEnd(‘group’)

После написание большого количества логов, возникает необходимость группировать их. Небольшим и полезным инструментом для этого является console.group() и console.groupEnd(). Используя группу в консоли, ваши логи группируются вместе, а каждая группа создаёт другой уровень в иерархии. Вызовите groupEnd(), чтобы понизить уровень иерархии на один.

Подстановка в строки

При логировании вы можете подставлять переменные, используя строковые подстановки. Эти ссылки должны быть типами (%s = string, %i = integer, %o = object, %f = float).

console.clear()

И так, написав так много логов, пришло время немного почистить консоль.

console.table()

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