Ах … JavaScript. Я хотел бы сказать, что JavaScript, и у меня есть отношения любви/ненависти, но реально я люблю это И это просто не любит меня.
То, что заставило меня влюбиться в этот язык, это console.log Удивительный метод печати, который я использую в качестве отладчика и почти ничего больше. Когда IDes пытаются рекламировать свои невероятные инструменты отладки, я как … Неа. У меня есть мой console.log Отказ Я тебе не нужен.
Но иногда мы забываем, что console.log на самом деле что-то значит. Итак, что такое консоль ? И что еще мы можем сделать с этим?
Консоль – это инструмент отладки JavaScript, но мы можем сделать намного больше, чем бревно. Есть более 20 методов консоли, и мы будем говорить около 5 из них сегодня.
1. Console.table ()
Этот метод велик; Это делает вещи намного более читаемыми, чем console.log () Отказ Это регистрирует вещи … в виде таблицы.
Мое любимое использование для этого парня – данные JSON. Вы когда-нибудь отладки с помощью console.log На твоем JSON пытается на самом деле интерпретировать то, что говорит? Ну, страх больше не – Console.table () здесь, чтобы спасти вас!
Так хорошо. Так читабельно. Невероятный.
2. Console.count ()
Это делает то, что он говорит о жеребье – это считается, сколько раз это конкретно Console.count был вызван.
Это действительно полезно для меня при восплении с асинхронными методами, рекурсией или петлями. Иногда, когда что-то пойдет не так, так же просто, как это называется слишком много раз, или, возможно, недостаточно. Конечно, вы могли бы использовать что-то вроде J ++; console.log (j) Но где весело в этом?
3. Console.Error ()
Итак, я не могу лгать тебе. Console.Error () то же самое, что и console.log () Кроме… Похоже, ошибка! Таким образом, вы можете прокрутить все другие вход в журнал, счетчики, и столы, чтобы найти реальную ошибку. Похоже, это выглядит:
4. Console.group ()
Этот метод позволяет группировать вещи внутри консоли. Вы можете группировать журналы и ошибки вместе – возможно, вы хотите увидеть все ошибки за пределами цикла для цикла отдельно от всего этого цикла.
Это Console.group () Метод становится намного полезнее, когда вы разрабатываете более сложное приложение.
5. Консоль. Время () и Console.imeend ()
Опять же, другой метод, который имеет именно то, что он говорит о жере. Console.time () Начинает таймер и Console.Timeend () Заканчивается этот таймер и регистрирует, как долго он работает.
Если вы хотите понять, почему ваш JavaScript требуется некоторое время для загрузки, вы можете запустить Console.time () и Console.Timeend () в нескольких разных местах в вашем коде. Это скажет вам, какие функции занимают много времени, и вы можете исправить свои проблемы с производительностью!
Есть много больше Консоль Методы доступны, но это мои любимые и те, которые я регулярно использую в своем собственном кодировании. Удостоверьтесь, если вы используете любые другие!
Оригинал: “https://dev.to/catmcgeecode/javascript-5-cool-things-you-can-do-with-console-that-isn-t-console-log-45e3”