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 Standard
# log

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

BCD tables only load in the browser

Отличия от 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 в момент, его логирования.

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