Вспомните первый день старой школы javascript, все мы начали с console.log («Привет, мир»). Да, это была первая команда, которую мы выполнили в нашем путешествии с javascript.
Все мы, разработчики, чувствуем, что это всего лишь консоль, и мы можем регистрировать информацию для разработки или отладки с помощью console.log.
В самом деле, в этом вся суть консоли? Если нет, то знаете ли вы, что такое консоль?
Начнем с основ консоли:
console.log («Hello World!»); // записываем сообщение или объект в консоль
console.info («Что-то случилось…»); // то же, что и журнал консоли
console.warn («Произошло что-то странное…»); // то же, что и журнал консоли, но выводит предупреждение
console.error («Произошло что-то ужасное…»); // то же, что и консольный журнал, но выводит ошибку
Вы, должно быть, начали думать, да, я видел эти функции в своих старых школьных учебниках.
Подробнее о некоторых интересных методах, предоставляемых консолью:
# 1 console.trace ()
Если вы хотите узнать, откуда запрашивается журнал, используйте console.trace (), чтобы получить трассировку стека с зарегистрированными данными.
# 2 console.time () && console.timeEnd ()
Если вы пытаетесь найти скрытую проблему с производительностью, начните отсчет времени с помощью console.time () и распечатайте с помощью console.timeEnd () .
# 3 console.memory
Если ваша проблема с производительностью еще сложнее и вы ищете скрытую утечку памяти, вы можете попробовать использовать console.memory (свойство, а не функцию) для проверьте свой статус размера кучи.
# 4 console.profile (‘profileName’) & console.profileEnd (‘profileName’)
Это не стандартно, но широко поддерживается. Вы можете запустить и завершить инструмент производительности браузера - профиль производительности из кода, используя console.profile ('profileName'), а затем console.profileEnd ( 'profileName'). Это поможет вам профилировать ТОЧНО то, что вы хотите, и избавит вас от необходимости щелкать мышью в зависимости от времени.
# 5 console.count («ВЕЩЕСТВА, КОТОРЫЕ МОЖНО СЧИТАТЬ»)
В случае повторяющейся функции или кода вы можете использовать console.count (‘?’), чтобы подсчитать, сколько раз ваш код был прочитан.
# 6 console.assert (false, «Войдите в систему!»)
Да, условное ведение журнала без упаковки журналов с помощью if-else :)
Вы можете использовать console.assert (condition, msg) для записи чего-либо, когда условие ложь.
* отказ от ответственности - в Node.js это вызовет ошибку утверждения!
# 7 console.group («группа») и console.groupEnd («группа»)
Написав так много журналов, вы можете захотеть их систематизировать. Небольшой и полезный инструмент для этого - console.group () и console.groupEnd (). Используя консольную группу, ваши консольные журналы группируются вместе, в то время как каждая группировка создает другой уровень в иерархии. Вызов groupEnd уменьшает единицу.
# 8 Подстановки строк
При ведении журнала вы можете включать переменные с помощью строковых подстановок. Эти ссылки должны быть типами (% s = строка,% i = целое число,% o = объект,% f = float).
# 9 console.clear ()
Что ж, после того, как вы написали так много журналов, пришло время немного очистить вашу консоль.
# 10 console.table ()
Оставив лучшее напоследок, это, на мой взгляд, настоящая жемчужина! На самом деле вы можете распечатать очень красивую таблицу с объектами, которые вы регистрируете, используя console.table ()
Подведение итогов
Я очень надеюсь, что эти советы сделают вашу отладку немного более продуктивной и даже немного интересной!
Определенно стоит потратить немного времени и узнать о них, чтобы вы могли понять, о чем пишут все остальные.
Была ли эта статья полезной для вас? Дайте мне знать в комментариях ниже, если у вас есть какие-либо вопросы или мысли! Я бы очень хотел их услышать :)
Спасибо за прочтение. Эта статья вам чем-то помогла? Если бы я это сделал, я надеюсь, вы подумаете о том, чтобы поделиться этим, вы могли бы просто помочь кому-то, кто чувствовал то же самое, что и вы, до прочтения статьи. Спасибо.
Совместное использование делает вас больше, чем вы есть на самом деле. Чем больше вы выльете, тем больше жизни сможет влить.