Улучшите отладку и визуализируйте переменные, чтобы понять

Большинство разработчиков используют печать сообщений в консоли браузера для отладки программ. console.log() популярен для этого. Если вы используете только console.log для отладки программ. У меня есть советы по функциям консоли, которыми я хочу поделиться с вами.

Отладка в два раза сложнее, чем написание кода.

Консоль — это объект, обеспечивающий доступ к консоли отладки браузера. Вы можете открыть консоль в веб-браузере, проверив файлы . В консоли есть не только функция .log(), но и несколько функций для использования.

Тип события

Каждое событие может отделить цвета, чтобы заметить

console.log() --> вывести вывод на консоль
console.info() --> вывести вывод и показать значок 𝗜 в консоль
console.debug() --> вывести вывод в console (включить уровень отладки Verbose)
console.error() -> выводить сообщение об ошибке в консоль
console.warn() -> выводить предупреждение в консоль

Заполнители

%o — принимает объект
%s — принимает строку
%d — принимает десятичное число

console.dir()

Выводит JSON-представление указанного объекта.

консоль.таблица()

чтобы просмотреть JSON на консоли и легко понять.

консоль.группа()

группировать сообщения в области действия

console.count()

count() была вызвана функция, которая принимает необязательный аргумент label . Он считает каждое выполнение console.count()

console.assert()

Он будет печатать только ложный аргумент. Он вообще ничего не делает, если первый аргумент верен.

консоль.трассировка()

Он предоставит трассировку стека.

консоль.время() | времяКонец()

Этот метод используется для измерения времени выполнения функции. Это поможет вам улучшить производительность приложения

консоль.очистить()

Это гарантирует, что на консоли не будут отображаться никакие другие напечатанные сообщения.

Заключение

Существует так много методов отладки и визуализации данных в javascript. Более того, все методы поддерживают практически все веб-браузеры. но консольные методы являются одними из самых простых и легко отлаживаемых

Чтобы поддержать меня, вы можете нажать на это изображение, чтобы дать мне кофе

Если вам понравилась эта история и вы хотите поддержать меня (и тысячи других авторов), пожалуйста, подпишитесь и подпишитесь, чтобы получать все обновления и стратегии. Спасибо