Глубокое погружение в консольный объект.
console.log() похож на волшебную палочку для всех программистов Javascript или javascript framework (node, express, angular). В течение последних трех лет console.log() был для меня обязательным инструментом всякий раз, когда я хотел увидеть вывод определенной части программы Javascript или отладить программу.
В этой статье я поделился тем, что узнал об объекте консоли и методе console.log().
Для начала давайте узнаем, что такое console и console.log()?
Консоль – это объект, через который мы можем получить доступ к консоли отладки браузера (веб-консоли в Firefox, консоли devtool в Chrome).
Точно так же console.log() — это метод объекта консоли, который обычно используется для вывода информации журнала.
Записать переменную с помощью console.log() очень просто.
В методе console.log() мы можем использовать замену строк. Давайте сделаем наш пример более привлекательным, используя директиву «%c».
Для пользователей узлов есть пакет npm под названием chalk, чтобы выделять различные необходимые части console.log() по отдельности. Если вы хотите, вы можете проверить этот пакет npm, я предоставил ссылку ниже
https://www.npmjs.com/package/chalk
Опять же, есть некоторые директивы (например, целочисленные (%i), double(%d) и float(%f).), которые используют тип форматирования информации журнала.
[Примечание: Описанные выше подстановки строк будут работать только в Mozilla Firefox (я пробовал в двух браузерах, использующих движок v8 (brave и chrome), но не получил ожидаемого результата). Обратите внимание, что Mozilla Firefox использует движок JIT под названием SpiderMonkey, с другой стороны, браузеры Brave или Chrome используют движки V8. У меня есть статья о движках Javascript, вы можете прочитать эту статью, если хотите. Вот ссылка на статью https://santunu23.medium.com/in-javascript-what-is-just-in-time-compilation-jit-8248e6452b15]
В ведении журнала консоли объект довольно прост. с помощью подстановки строк %s.
Мы можем зарегистрировать в консоли более одного объекта, если захотим.
Мы можем использовать директиву «%O», чтобы получить больше информации об объекте.
До сих пор я поделился некоторыми полезными способами использования метода console.log(), давайте перейдем к другим полезным методам объекта консоли.
1) Чтобы записать ошибку в консоль, мы можем использовать console.error()
2) Для регистрации информации о предупреждении мы можем использовать console.warn()
3) метод console.info() отображает информационное сообщение на консоль.
4) Чтобы вывести серию информации, мы можем использовать групповой метод.
Чтобы выйти из встроенной группы, мы можем использовать console.groupEnd().
5) Чтобы регистрировать информацию более организованным образом, мы можем использовать метод console.table(), этот метод состоит из двух частей данных и столбца (что является необязательным). Метод в основном регистрирует поле данных в виде таблицы, данные могут быть массивом или объект.
6) метод console.trace() помогает нам отображать трассировку стека в консоли.
Вот и все, я попытался поделиться основной концепцией консольного объекта. Если вы найдете это полезным, поделитесь этой статьей со своими друзьями и нажмите аплодисменты.
