Console.info: примеры (JAVASCRIPT)
console.info(...data: any[]): undefinedОписание функции console.info
Метод console.info() является частью консольного API в JavaScript. Он применяется для вывода в консоль браузера или среды выполнения информационных сообщений. Основная цель — предоставление дополнительной, справочной информации о ходе выполнения программы.
Функция используется в процессе отладки, логирования или информирования разработчика о состоянии приложения. Она не влияет на выполнение кода и не возвращает значений (возвращаемое значение — undefined).
Аргументы функции:
- message1, message2, ... — Принимает одно или несколько значений любого типа (строки, числа, объекты, массивы). Эти значения будут преобразованы в строки и выведены в консоль, разделенные пробелом.
- substitution1, substitution2, ... — Дополнительные параметры для подстановки в строку-шаблон, если первый аргумент является строкой, содержащей спецификаторы формата (например, %s, %d, %o).
Короткие примеры использования
Вывод простого текстового сообщения:
console.info('Приложение запущено.');Приложение запущено.
Вывод нескольких значений разных типов:
let count = 5;
let name = 'Пользователь';
console.info('Имя:', name, ', Количество:', count);Имя: Пользователь , Количество: 5
Использование спецификаторов формата:
console.info('Процент выполнения: %d%%. Объект: %o', 75, { status: 'OK' });Процент выполнения: 75%. Объект: {status: "OK"}Похожие функции в JavaScript
В консольном API доступны несколько методов для логирования, различающихся визуальным оформлением и семантикой:
- console.log() — Универсальный метод для вывода общей информации. Часто используется вместо console.info, так как визуально они почти идентичны в большинстве браузеров.
- console.warn() — Выводит предупреждающее сообщение, обычно выделенное желтым цветом и значком. Используется для некритичных ошибок или устаревшего функционала.
- console.error() — Выводит сообщение об ошибке, выделенное красным цветом. Применяется для логирования критичных ошибок выполнения.
- console.debug() — Выводит отладочные сообщения. Во многих средах по умолчанию скрыт, пока не будет активирован режим отладки.
Выбор метода зависит от смысла сообщения: console.info уместен для справочных сообщений о работе программы, console.log — для общего логирования, а console.warn и console.error — для выделения проблем.
Аналоги в других языках программирования
В разных языках существуют похожие инструменты для вывода информационных сообщений.
PHP: Функция error_log() с типом 0 записывает сообщение в системный лог или в вывод.
error_log("Информационное сообщение", 0);[12-Jan-2023 14:00:00 UTC] Информационное сообщение
Python: Модуль logging предоставляет функцию logging.info().
import logging
logging.basicConfig(level=logging.INFO)
logging.info('Программа работает')INFO:root:Программа работает
MySQL: Инструкция SELECT может использоваться для вывода значений, но не является прямым аналогом.
SELECT 'Информационное сообщение' AS info;+----------------------------+ | info | +----------------------------+ | Информационное сообщение | +----------------------------+
C: Функция printf() выводит форматированную строку в стандартный поток вывода.
#include <stdio.h>
int main() {
printf("Информация: %s\n", "сообщение");
return 0;
}Информация: сообщение
Типичные ошибки
Распространенные ошибки связаны с непониманием особенностей вывода объектов и асинхронного контекста.
Вывод мутирующегося объекта. В консоль попадает ссылка на объект, и его состояние может быть отображено уже после изменений.
let obj = { a: 1 };
console.info('Объект:', obj);
obj.a = 2;
// В консоли расширение объекта может показать a:2Объект: {a: 1} // При раскрытии может отобразить a: 2Использование в асинхронном коде, когда важно зафиксировать состояние переменной в момент вызова.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.info(i), 100);
}3 3 3
Решение — использовать let вместо var или сохранять значение в замыкании.
Изменения в последних версиях
Спецификация Console API развивается. В современных браузерах и средах (например, Node.js) метод console.info стандартизирован и ведет себя аналогично console.log, но с семантическим отличием — маркировкой как информационного сообщения. В последних версиях браузеров визуальное оформление (иконка «i») стало более стабильным. Существенных изменений в синтаксисе или поведении аргументов в последние годы не вносилось.
Расширенные примеры применения
Группировка информационных сообщений:
console.group('Информация о сессии');
console.info('Пользователь: admin');
console.info('Время входа: ' + new Date().toLocaleTimeString());
console.groupEnd();Информация о сессии Пользователь: admin Время входа: 14:30:22
Использование для логирования структурированных данных в виде таблицы:
console.info('Список задач:');
console.table([
{ id: 1, task: 'Анализ', status: 'Выполнено' },
{ id: 2, task: 'Разработка', status: 'В работе' }
]);Список задач: (index) | id | task | status --------|----|------------|----------- 0 | 1 | Анализ | Выполнено 1 | 2 | Разработка | В работе
Подсчет количества вызовов с помощью метки:
console.count('infoLabel');
console.info('Первое сообщение');
console.count('infoLabel');
console.info('Второе сообщение');infoLabel: 1 Первое сообщение infoLabel: 2 Второе сообщение
Вывод трассировки стека в информационном сообщении:
function showInfo() {
console.info('Текущее место выполнения:');
console.trace();
}
showInfo();Текущее место выполнения: showInfo @ script.js:2 (анонимная) @ script.js:5