Консоль — это объект JavaScript, который предоставляет разработчикам доступ к отладочной консоли браузера.
Быстрые клавиши для открытия консоли в браузерах
- Ctrl + Shift + I (windows)
- Command + Option + K (Mac)
В этом посте я собрал 5 консольных методов, которые вы можете использовать для улучшения своих навыков отладки
✨ console.error()
Этот метод работает так же, как и метод console.log().
Он полезен при тестировании кода. По умолчанию сообщение об ошибке будет выделено красным цветом
// console.error() method
console.log("This is an error");
Выход
✨ Метод console.dir()
Это еще один метод, который также почти аналогичен console.log(), за исключением того, что он показывает содержимое в формате JSON
// console.dir() method
console.log(document.body);
Вывод, показывающий разницу между console.log() и console.dir()
✨ Метод console.table()
Этот метод используется для генерации таблицы внутри консоли. В качестве входных данных должен быть массив или объект, который будет отображен в виде таблицы.
Это действительно удобный метод, который можно использовать, если вы получаете данные из API. Вы можете наглядно увидеть, как происходит получение данных
Выход
✨ console.group() & console.groupEnd()
Методы group() и groupEnd() объекта console позволяют нам группировать содержимое в отдельный блок с отступом.
➩ .group() используется для начала новой группы, он принимает метку, а также имя группы.
По умолчанию группа открывается на консоли. используйте .groupCollapsed, чтобы закрыть группу по умолчанию.
➩ .groupEnd() закрывает текущую группу, принимает ту же метку, что и .group().
Выход
✨ console.time() & console.timeEnd()
Эти методы используются для определения количества времени, затраченного на выполнение блока кода.
Как и метод .group(), этот метод также принимает метку, которая должна быть одинаковой.
Выход
✨🚀 console.clear()
….. Этот метод, как и его название, используется для очистки консоли.😅
Вы можете поддержать меня, чтобы я продолжал писать больше для вас😊❤
Вы знаете другие методы объекта консоли, которые действительно полезны в отладке, расскажите нам в разделе комментариев👇😊.
Следуйте за мной, чтобы получить больше советов по разработке🚀