Работа с консолью


Приходилось ли вам когда-нибудь вести консольный журнал?

То есть вы знаете старый добрый console.log()?

Но это не единственное, что может делать консоль, это только самое основное.

Вы когда-нибудь использовали консоль для ведения журнала консоли? Нет? Вам стоит попробовать.

Консоль покажет вам, на что способна консоль.

Сегодня мы поговорим о двух функциях, доступных на объекте консоли:

console.table() и console.trace().

Допустим, у нас есть два объекта:

const carA = {make: 'Ford', model: 'F150', year: '2018', color: 'white'}
const carB = {make: 'Ford', model: 'F250', year: '2016', color: 'blue'}
Вход в полноэкранный режим Выход из полноэкранного режима

Если бы мы хотели провести отладку и вывести эти объекты на консоль, мы могли бы использовать console.log(), но это не будет выглядеть слишком красиво.

Посмотрите, как аккуратно console.table() может отобразить эти два объекта:

Вы даже можете отсортировать две строки по столбцам, просто щелкнув по заголовкам!

Еще одна консольная функция, о которой мы сегодня поговорим, это console.trace(). Она выводит на консоль трассировку стека.

И это все на сегодня.

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

Будьте здоровы!

Оцените статью
devanswers.ru
Добавить комментарий