Приходилось ли вам когда-нибудь вести консольный журнал?
То есть вы знаете старый добрый 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()
. Она выводит на консоль трассировку стека.
И это все на сегодня.
Надеюсь, я помог вам сделать отладку менее скучной. А теперь идите и покажите свои новые навыки работы с консолью на следующем выступлении.
Будьте здоровы!