Что такое console log в javascript

console: log() static method

The console.log() method outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.

Note: This feature is available in Web Workers

Syntax

log(obj1) log(obj1, /* …, */ objN) log(msg) log(msg, subst1, /* …, */ substN)

Parameters

A list of JavaScript objects to output. Objects are output in the order listed. Please be warned that if you log objects in the latest versions of Chrome and Firefox, what you get logged on the console is a reference to the object, which is not necessarily the ‘value’ of the object at the moment in time you call console.log() , but it is the value of the object at the moment you open the console.

A JavaScript string containing zero or more substitution strings.

JavaScript objects with which to replace substitution strings within msg . This gives you additional control over the format of the output.

See Outputting text to the console in the documentation of console for details.

Return value

Logging objects

Information about an object is lazily retrieved. This means that the log message shows the content of an object at the time when it’s first viewed, not when it was logged. For example:

const obj = >; console.log(obj); obj.prop = 123;

This will output <> . However, if you expand the object’s details, you will see prop: 123 .

If you are going to mutate your object and you want to prevent the logged information from being updated, you can deep-clone the object before logging it. A common way is to JSON.stringify() and then JSON.parse() it:

.log(JSON.parse(JSON.stringify(obj)));

There are other alternatives that work in browsers, such as structuredClone() , which are more effective at cloning different types of objects.

Specifications

Specification
Console Standard # log

Browser compatibility

BCD tables only load in the browser

MDN

Support

Product help
Report an issue

Our communities

Developers

Web Technologies
Learn Web Development
MDN Plus
Hacks Blog

Website Privacy Notice
Cookies
Legal
Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Используем console.log() в Chrome на полную

Сложно представить себе разработку на JS без вывода информации в консоль. Говоря метафорически, console.log() — лекарство от большинства болезней кода.

Отладка — почти как расследование преступления, где главный преступник тоже вы — Филипе Фортес

Но помимо повсеместно используемой функции console.log(), есть ещё много инструментов, позволяющий сильно упростить процесс. Давайте разберём некоторые из них на простых примерах.

console.log(), .info(), .debug(), .warn(), .error()

Самое простое — печать строки цветом, соответствующем типу события.

Используем плейсхолдеры

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

%o — для объекта
%s — для строки
%d — для десятичного или целого числа

Добавляем CSS

Не хватает info/warn/error? Не беда! К консольным сообщениям можно применять CSS.

Хотите применить CSS только к части сообщения? Это делается вот так:

console.dir()

Часто гораздо удобнее напечатать JSON представление интересующего нас объекта.

Выводим HTML

HTML элементы в консоли можно исследовать так же, как в инспекторе.

console.table()

Хотите быстро посмотреть данные в списке из JSON?

console.group() и console.groupEnd()

Сообщения в консоли можно группировать для удобства.

console.count()

Эта функция записывает, сколько раз она была вызвана.

Если передан опциональный аргумент label, то функция будет записывать количество вызовов с той же label.

Если функция вызвана без параметров, то она запишет количество вызовов на той же строке.

console.assert()

Удобно использовать, когда вы хотите выводить информацию по условию. Будут напечатаны только те сообщения, где первый аргумент assert() ложен.

console.trace()

Этот метод поможет понять, каким путём код дошёл до определённой точки.

console.time()

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

console.memory

Хотите наконец-то узнать, куда пропала вся свободная оперативная память?

console.clear()

Используйте, чтобы начать работу с чистого листа. Полностью очищает консоль от предыдущих сообщений.

Код, использованный в статье

// time and time end console.time("This"); let total = 0; for (let j = 0; j < 10000; j++) < total += j >console.log("Result", total); console.timeEnd("This"); // Memory console.memory // Assertion const errorMsg = 'Hey! The number is not even'; for (let number = 2; number ); > // Count for (let i = 0; i < 11; i++) < console.count(); >// group & groupEnd console.group(); console.log('Test message'); console.group(); console.log('Another message'); console.log('Something else'); console.groupEnd(); console.groupEnd(); // Table const items = [ < name: "chair", inventory: 5, unitPrice: 45.99 >, < name: "table", inventory: 10, unitPrice: 123.75 >, < name: "sofa", inventory: 2, unitPrice: 399.50 >]; console.table(items) // Clear console.clear() // HTML Element let element = document.getElementsByTagName("BODY")[0]; console.log(element) // Dir const userInfo = console.dir(userInfo); // Color console.log('%cColor of the text is green plus small font size', 'color: green; font-size: x-small'); // pass object, variable const userDetails = console.log("Hey %s, here is your details %o in form of object", "John", userDetails); // Default console.log('console.log'); console.info('console.info'); console.debug('console.debug'); console.warn('console.warn'); console.error('console.error');

JavaScript
Программирование

Что такое console.log в JavaScript?

Метод console.log() выводит отладочную информацию в консоль, т.е. скрывая ее от пользователей.

Есть еще ряд похожих функций:
console.info(), console.warn() и console.error().

Все они отличаются только визуально в консоли.

Отслеживать
11 1 1 золотой знак 2 2 серебряных знака 8 8 бронзовых знаков
ответ дан 3 сен 2014 в 20:55
Connor Holt Connor Holt
571 3 3 серебряных знака 13 13 бронзовых знаков

Логирование (вывод отладочных данных, например) в консоль разработчикa.

console.log('Var = ' + Var);

Отслеживать
11 1 1 золотой знак 2 2 серебряных знака 8 8 бронзовых знаков
ответ дан 3 сен 2014 в 19:51
303 1 1 серебряный знак 15 15 бронзовых знаков

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Что такое Console.log()?

Console.log() используется для вывода сообщений на консоль веб-браузеров. Обычно он используется при проверке того, работает ли функция на стороне Javascript.

console.log();

Когда операция выполняется в условных структурах, таких как if else, switch case или for в кодах Javascript на страницах, можно проверить, работает ли функция, напечатав сообщение в консоль браузера с помощью console.log().

Например, когда приведенный ниже код запускается в веб-браузере, он выводит сообщение OK на консоль браузера.