Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Вид: 9913|Ответ: 0

[JavaScript] 10 советов по более профессиональному использованию консоли для отладки JS

[Скопировать ссылку]
Опубликовано 07.08.2018 13:29:40 | | | |
Прежде всего, должен признаться, что я использую эту платформу, чтобы очистить скелет (контур) из моей среды разработки. Иногда «магия», которую я делаю (некоторые называют это «кодированием»), не так совершенна, как мои коллеги, показывая им эти великолепные результаты. Да, я сказал: иногда я использую старомодный метод проб и ошибок, который мы все называем «отладкой» :)



Одно из того, чем я увлекался за последнее десятилетие, — это фронтенд-разработка (в частности, Javascrip{filtering}t). Как «ремесленник», я люблю изучать новые инструменты на рынке. В этой истории я дам вам несколько отличных, более профессиональных советов по использованию «старой» консоли.

Да, мы все знаем его основное применение:

console.log(«Привет, мир!»); логировать сообщение или объект в консоль

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') для запуска и завершения инструмента производительности браузера — «performance profile» из кода. Это поможет вам точно проанализировать, что именно вы хотите, и избежать нажатия мышью, что зависит от времени выполнения программы.



Совет #5 console.count («STUFF, КОТОРЫЕ Я СЧИТАЮ»)

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




Совет #6 console.assert(false, «Log me!»)

Да, условное логирование не оборачивает ваши логи if-else :)

Вы можете использовать console.assert(condition, msg), чтобы логировать что-то, когда условие ложно.

Отказ от ответственности: в Node.js это вызовет ошибку утверждения!




Совет #7 console.group('group') и console.groupEnd('group')


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




Совет #8 Замены строк

При логировании можно использовать строки для замены переменных слияния. Эти ссылки выглядят (%s = строка, %i = целое число, %o = объект, %f = плавающий).




Совет #9 console.clear()

Так что, написав столько логов, пора привести консоль в порядок.




Совет #10 console.table()

На мой взгляд, это настоящая «жемчужина»! Вы можете использовать console.table() для печати очень красивой таблицы!







Предыдущий:Java-инструмент для разработки IntelliJ IDEA 2018 китайский пакет для загрузки
Следующий:Разница между SpringMVC и Springboot (отрывок)
Отказ:
Всё программное обеспечение, программные материалы или статьи, публикуемые Code Farmer Network, предназначены исключительно для учебных и исследовательских целей; Вышеуказанный контент не должен использоваться в коммерческих или незаконных целях, иначе пользователи несут все последствия. Информация на этом сайте взята из Интернета, и споры по авторским правам не имеют отношения к этому сайту. Вы должны полностью удалить вышеуказанный контент с компьютера в течение 24 часов после загрузки. Если вам нравится программа, пожалуйста, поддержите подлинное программное обеспечение, купите регистрацию и получите лучшие подлинные услуги. Если есть нарушение, пожалуйста, свяжитесь с нами по электронной почте.

Mail To:help@itsvse.com