Console.log()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Выводит сообщение в веб-консоль.

Примечание: Эта возможность доступна в Web Workers.

Синтаксис

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

Параметры

obj1 ... objN

Список объектов JavaScript для вывода. Объекты выводятся в том порядке, в котором они были указаны при вызове метода. Пожалуйста, обратите внимание, что если вы логируете объекты в последних версиях Chrome и Firefox, в консоль залогируется не значение объекта, а ссылка на него. Это означает, что, возможно, в консоль будет выведено не значение объекта на момент вызова console.log(), а будет выведено значение объекта на момент открытия консоли.

msg

Строка JavaScript, содержащая 0 и более подстановочных символов для замены (см. subst1 ... substN).

subst1 ... substN

JavaScript-объекты, с помощью которых произойдёт замена подстановочных символов в msg. Это даст вам дополнительный контроль над форматом вывода.

Больше подробностей смотрите в разделе Вывод текста в консоль документации console.

Спецификации

Specification
Console
# log

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
log() static method

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Отличия от console.dir()

Вы можете спросить какая разница между console.dir() и console.log(). Это полезное отличие.

Примечание:

  • console.log выводит элемент как HTML-дерево
  • console.dir выводит элемент как JSON-объект

А именно, console.log даёт специальное обращение к DOM-элементам, тогда как console.dir - нет. Это особенно полезно, когда нужно видеть полное представление DOM JS-объектов.

Больше информации об этой и других функциях в Chrome Console API reference.

Логирование объектов

Не используйте console.log(obj);, Используйте console.log(JSON.parse(JSON.stringify(obj)));.

Так вы можете быть уверены, что видите значение obj в момент, его логирования.

Смотрите также