Используйте 10 неизвестных команд, чтобы получить лучшие консольные операторы
Как разработчик JavaScript, и я сам являюсь одним из них, console.log
- это встроенный отладчик JavaScript. Я довольно часто использую его для проверки собственного кода, и вы тоже должны это сделать. В этом нет ничего плохого!
Но вы можете вывести свою отладочную игру на новый уровень и сэкономить много времени и стресса, используя предоставленные, в основном неизвестные, функции console.log
.
1. Начало - Console.log (консоль)
Итак, вы запускаете console.log
, чтобы что-то отладить, вносите console.log(console)
в свою игру по кодированию, чтобы получить больше информации, чем вам когда-либо понадобится.
2. Зарегистрируйте ошибку - console.assert (bool,…)
Если вы хотите просто обнаружить ошибку, не используйте console.log("ERROR")
. Вместо этого используйте console.assert
, и он выдает ошибку всякий раз, когда первый аргумент имеет значение false
.
3. Добавьте ярлыки - console.log ({...})
Вы также можете использовать фигурные скобки в операторе console.log
для обозначения меток для печатаемых операторов.
Вместо того, чтобы просто печатать несвязанные значения. Вы можете увидеть разницу в последнем утверждении. Прямая адресация переменных означает, что вы получаете только значение, а также помните, каким переменным принадлежат эти значения. Попробуйте это при распечатке нескольких операторов. Мы не играем в память ...
4. Делаем красивый стол - console.table (…)
Хотите распечатать красивую и аккуратную таблицу? Мы можем сделать красивую таблицу, чтобы увидеть, сколько зелий у нас в инвентаре с console.table(...)
. Это действительно хороший результат отладки:
5. Избавьтесь от беспорядочного вывода - console.group () / console.dir ()
Разработчики JavaScript злоупотребляют console.log. Я тоже не благословлен. Злоупотребление означает довольно беспорядок в журналах вывода.
Используйте console.group
, чтобы сгруппировать группу объектов. Также работает console.groupCollapsed
, чтобы распечатать их как несвернутое дерево.
6. Очистить раскрывающийся список треугольников - console.dir (obj)
Используйте console.dir(obj)
, чтобы получить красивый раскрывающийся список треугольников.
7. Увеличение числа в логах - console.count (метка)
Приращение чисел в журналах вручную не является неудобным обстоятельством. Используйте console.count()
с меткой.
Вместо этого:
Сделай это:
8. Следите за временем между выходами - console.time (метка)
Это очень удобно! Сначала вы определяете таймер (если метка не была задана, у таймера есть метка default), а с помощью console.timeLog(label)
вы можете получить время между первой и последней распечаткой.
9. Глубоко вложенные функции и сложные объекты - console.trace (…)
В JavaScript нам часто приходится работать с глубоко вложенными структурами функций и объектов. Мы должны упростить отладку сложных объектов, используя console.trace(...)
.
Это позволяет нам явно проверять стек вызовов, чтобы лучше обнаруживать недостатки!
10. Сделайте журналы снова красивыми! - console.log (‘% c…)
Подводя итог: каждый хороший разработчик JavaScript должен немного поиграть в журналы консоли. Используйте console.log('%c …)
в качестве первого символа, чтобы указать стиль CSS во втором аргументе!
Заключение
Избавьтесь от беспорядочных и удобных консольных операторов. Используйте эти 10 способов, чтобы получить больше удовольствия от своих утверждений и повысить скорость разработки с помощью нескольких советов, которые помогут глубже проникнуть в суть с console.*
.