Console.error: примеры (JAVASCRIPT)

Простые примеры использования

Базовый вывод ошибки

Простое текстовое сообщение:

console.error('Произошла ошибка загрузки данных');

Произошла ошибка загрузки данных

Вывод со спецификаторами формата

Использование плейсхолдеров:

const errorCode = 404;
const service = 'API';
console.error('Ошибка %d при обращении к %s', errorCode, service);

Ошибка 404 при обращении к API

Передача объектов и массивов

const errorDetails = { code: 500, message: 'Internal Server Error' };
console.error('Детали ошибки:', errorDetails);

Детали ошибки: { code: 500, message: 'Internal Server Error' }

Стилизованное сообщение

console.error('%cКритическая ошибка!', 'color: red; font-size: 20px; font-weight: bold;');

Критическая ошибка!

Альтернативные методы консоли в JavaScript

Объект console предоставляет несколько методов для различных сценариев логирования:

• console.warn() — выводит предупреждение. Сообщения обычно выделяются желтым цветом. Применяется для не критичных проблем.
• console.info() — предназначен для информационных сообщений. Часто выделяется синим или с иконкой «i».
• console.debug() — аналогичен console.log(), но в некоторых средах выводится только при включенном уровне отладки.
• console.trace() — выводит сообщение и стек вызовов, что полезно для отслеживания источника ошибки.

Метод console.error() предпочтителен для логирования критических проблем, которые требуют немедленного внимания. console.warn() используют для потенциальных проблем, а console.log() — для общей отладки.

Аналоги в других языках программирования

Python

В Python для вывода ошибок используется модуль logging или запись в stderr:

import sys
import logging

logging.error('Ошибка загрузки данных')
# Или
print('Ошибка загрузки данных', file=sys.stderr)

ERROR:root:Ошибка загрузки данных
Ошибка загрузки данных

PHP

В PHP ошибки можно логировать через error_log или trigger_error:

error_log('Ошибка загрузки данных');
trigger_error('Критическая ошибка', E_USER_ERROR);

[25-Dec-2024 12:00:00 UTC] Ошибка загрузки данных
PHP Fatal error: Критическая ошибка

C

В языке C для вывода ошибок часто используют fprintf с потоком stderr:

#include <stdio.h>
int main() {
    fprintf(stderr, "Ошибка открытия файла\n");
    return 1;
}

Ошибка открытия файла

MySQL

В MySQL для обработки ошибок используют SIGNAL или RESIGNAL:

SIGNAL SQLSTATE '45000' 
SET MESSAGE_TEXT = 'Пользовательская ошибка';

Error Code: 1644. Пользовательская ошибка

В отличие от JavaScript, где сообщение выводится в консоль, в других языках ошибки часто направляются в системные журналы или стандартный поток ошибок.

Распространенные ошибки при использовании

Путаница с порядком аргументов при форматировании

Несоответствие количества спецификаторов и аргументов:

console.error('Ошибка %s в %s', 'синтаксическая');

Ошибка синтаксическая в %s

Использование в продакшн-окружении

Оставленные вызовы console.error в production-коде могут раскрывать внутреннюю информацию:

// В production
console.error('Неверный пароль пользователя:', user.id);

Неверный пароль пользователя: admin123

Неверная интерпретация асинхронного контекста

Вывод объекта, который может измениться до отображения в консоли:

const obj = { value: 1 };
console.error('Текущий объект:', obj);
obj.value = 2;
// При раскрытии объекта в консоли может отображаться value: 2

Текущий объект: { value: 2 }

Игнорирование возвращаемого значения

Попытка использовать результат функции, которая возвращает undefined:

const result = console.error('Ошибка');
if (result === undefined) {
    console.log('Функция ничего не возвращает');
}

Ошибка
Функция ничего не возвращает

Изменения в последних версиях

Спецификация Console Living Standard, поддерживаемая WHATWG, постоянно развивается, но базовое поведение console.error() остается стабильным. Основные изменения касаются среды выполнения:

• В Node.js начиная с версии 10, console.error() выводит сообщения в process.stderr с поддержкой цветового форматирования.
• Современные браузеры группируют сообщения console.error() в инструментах разработчика, добавляя фильтрацию по уровню.
• Появилась интеграция с системами мониторинга, когда перехват console.error() отправляет данные на сервер.
• В спецификации уточнено, что аргументы обрабатываются не сразу, а в момент вывода в консоль, что влияет на отображение изменяемых объектов.

Стандартизация формата сообщений позволяет инструментам автоматически анализировать стек вызовов и привязывать ошибки к исходному коду.

Расширенные примеры применения

Логирование с трассировкой стека

Использование объекта Error для получения стек-трейса:

function validateInput(input) {
    if (!input) {
        const error = new Error('Неверный ввод');
        console.error('Валидация не пройдена:', error.message, error.stack);
    }
}
validateInput(null);

Валидация не пройдена: Неверный ввод Error: Неверный ввод
    at validateInput (index.js:3:19)
    at index.js:8:1

Группировка ошибок

Организация связанных сообщений:

console.group('Ошибки модуля загрузки');
console.error('Не удалось загрузить конфиг');
console.error('Отсутствует соединение с БД');
console.groupEnd();

▶ Ошибки модуля загрузки
    Не удалось загрузить конфиг
    Отсутствует соединение с БД

Условный вывод ошибок

Логирование только в определенных условиях:

const DEBUG_MODE = true;
const logError = DEBUG_MODE ? console.error : () => {};
logError('Отладочная информация');

Отладочная информация

Перехват и модификация ошибок

Добавление пользовательской обработки:

const originalError = console.error;
console.error = (...args) => {
    // Отправка в систему мониторинга
    sendToMonitoring(args);
    originalError.apply(console, args);
};
console.error('Тестовая ошибка');

Тестовая ошибка

Использование с CSS-форматированием

Сложное стилевое оформление:

console.error(
    '%cВНИМАНИЕ:%c Сервер не отвечает',
    'color: white; background: red; padding: 2px 6px; border-radius: 3px;',
    'color: red; font-weight: bold;'
);

ВНИМАНИЕ: Сервер не отвечает