Console log javascript что это

Console.log()

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

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

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

Больше подробностей смотрите в разделе Вывод текста в консоль (en-US) документации 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 в момент, его логирования.

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

Opera Dragonfly documentation: Console
MSDN: Using the F12 Tools Console to View Errors and Status
Firebug wiki: Console API — Firebug поддерживает дополнительные возможности реализации console.log(), такие как styled logging.
NodeJS: Console API

Found a content problem with this page?

Edit the page on GitHub.
Report the content issue.
View the source on GitHub.

This page was last modified on 3 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

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

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

console.log();

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

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

Используй console.log () как про

Использование console.log() для отладки JavaScript — самая распространенная практика среди разработчиков. Но есть еще кое-что .

Объект console обеспечивает доступ к отладочной консоли браузера. Особенности того, как это работает, варьируются от браузера к браузеру, но де-факто существует набор функций, которые обычно предоставляются.

Наиболее распространенные методы консоли:

Общие методы консоли

console.log() — Для общего вывода журнальной информации.
console.info() — Выводит необходимую информацию.
console.debug()- Выводит сообщение на консоль с уровнем журнала debug.
console.warn() — Выводит предупреждающее сообщение.
console.error() — Выводит сообщение об ошибке.

Пользовательские стили CSS для console.log ()

Вывод console.log может быть оформлен в Devtools с использованием стилей CSS.

Подстановки строк

При передаче строки одному из методов объекта console, который принимает строку (например, log()), вы можете использовать следующие подстановочные строки :

console.assert ()

Выведите сообщение(например, с помощью log()) и stack trace на консоль, если первый аргумент — false.

console.clear ()

Очистите консоль. // ну и собсветтно всё всем спасибо за вниманиё

console.count ()

Запишите, сколько раз эта строка была вызвана с count().

console.dir ()

Отображает интерактивный список свойств указанного объекта JavaScript.

console.group () и console.groupEnd ()

Создает новую встроенную группу, смещая все последующие выходные данные другим уровнем. Чтобы вернуться на уровень назад, вызовите groupEnd().

HTML-элементы в консоли

console.memory

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

Примечание: память — это свойство, а не метод.

console.table ()

Отображает данные в виде таблицы.

console.time () и console.timeEnd ()

console.time()- Запускает таймер с именем, указанным в качестве входного параметра. На одной странице может работать до 10 000 таймеров одновременно.
console.timeEnd() — Останавливает указанный таймер и регистрирует время в миллисекундах, прошедшее с момента его запуска.

console.trace ()

Выводит stack trace.

Дата-центр ITSOFT — размещение и аренда серверов и стоек в двух дата-центрах в Москве. За последние годы UPTIME 100%. Размещение GPU-ферм и ASIC-майнеров, аренда GPU-серверов, лицензии связи, SSL-сертификаты, администрирование серверов и поддержка сайтов.

Блог компании ITSOFT
Веб-разработка
JavaScript
Отладка
Браузеры

Метод cosnole.log() в JS

Во всех современных браузерах есть веб-консоль для отладки. Чтобы выводить сообщения в такую консоль, в JavaScript существует метод console.log() .

let sum = 44; console.log(sum); // выводит в консоль 44

Подробнее о работе с JS через консоль мы рассказывали в статье «Как запустить JS-код».

Синтаксис

console.log(сообщение)

Сообщение — то, что выведется в консоль. Это должна быть переменная или значение. Значением может быть и строка: например, «Hello, world».

Примечание. Во всех следующих уроках мы будем использовать метод console.log() для вывода в консоль.

Пример 1. Выводим предложение

// программа выводит предложение в консоль // передаем строку console.log("Я люблю JS");

Вывод:

Я люблю JS

Пример 2. Выводим значение переменной

// программа выводит значения переменных let greet = "Привет"; let name = "Ваня"; console.log(greet + ', ' + name);