Возможности за пределами console.log
Используйте table, group, warn, error и assert.
«Возможности за пределами console.log» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 4 уроков всего.
Не только log
Объект console предлагает множество методов помимо console.log. Каждый из них передаёт свой смысл и может выводить данные в удобном формате.
console.log("plain message")
console.info("informational")console.warn
console.warn выводит предупреждение. В браузере оно отображается с жёлтой подсветкой и указывает на важную, но не критическую проблему.
console.warn("This API is deprecated")console.error
console.error сообщает об ошибке. В браузерах это сообщение имеет особое оформление и содержит трассировку стека, помогающую найти проблему.
console.error("Failed to load data")console.info и debug
console.info и console.debug работают подобно log, но передают уровень важности сообщения. Инструменты могут фильтровать сообщения по этим уровням.
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table отображает массивы и объекты в виде форматированной таблицы, поэтому структурированные данные гораздо легче просматривать, чем в обычном журнале.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group начинает раздел с отступом, который можно сворачивать. Сообщения, записанные после него, становятся вложенными, пока не будет вызван console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()Вложенные группы
Группы могут вкладываться друг в друга, отражая иерархию: каждый уровень добавляет ещё один отступ.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
console.assert записывает ошибку только тогда, когда его первый аргумент имеет ложное значение. Это быстрый способ отметить нарушенные предположения, не останавливая выполнение.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count отслеживает, сколько раз выполнилась строка с указанной меткой. Это удобно для поиска неожиданных повторных вызовов.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time и console.timeEnd измеряют, сколько времени занимает блок кода, выводя прошедшую длительность с соответствующей меткой.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")Выбор подходящего метода
Используйте warn и error для проблем, table — для структурированных данных, group — для организации связанных записей, а assert — для проверки предположений. Понятное ведение журнала ускоряет отладку.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])Быстрая проверка
Проверьте свои знания о методах console.
Итоги
Итоги: У console есть множество полезных методов помимо log.
- warn и error показывают уровень важности
- table отображает структурированные данные
- group организует вложенные записи
- assert отмечает невыполненные условия
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")Часто задаваемые вопросы
Урок «Возможности за пределами console.log» бесплатный?
Да — полный текст урока «Возможности за пределами console.log» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 4 уроков всего.
Чему я научусь в уроке «Возможности за пределами console.log»?
Используйте table, group, warn, error и assert. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать JavaScript Academy?
Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.
Сколько времени занимает урок «Возможности за пределами console.log»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке JavaScript Academy?
Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Возможности за пределами console.log
- Установка точек останова
- Пошаговое выполнение кода
- Чтение трассировок стека