Метод cosnole.log() в JS
console.log() — главный инструмент отладки в JavaScript: как вывести строку, число, переменную и сразу несколько значений.
console.log() — метод объекта
console, который выводит сообщение в консоль браузера или среды выполнения Node.js.
Синтаксис
console.log(значение1, значение2, ...)
Метод принимает любое количество аргументов: строки, числа, переменные, объекты. Все они выводятся в одну строку через пробел.
Строки и числа
console.log("Привет, мир!"); // строка
console.log(42); // число
console.log(3.14); // число с плавающей точкой
console.log(true);
Вывод:
Привет, мир! 42 3.14 true
Переменные
let name = "Маша";
let age = 17;
console.log(name); // Маша
console.log(age); // 17
console.log(name, age); // несколько аргументов
Вывод:
Маша 17 Маша 17
Конкатенация и шаблонные строки
Значения можно склеить через + или использовать шаблонные строки с обратными кавычками и ${}.
let city = "Казань";
let temp = 23;
// конкатенация
console.log("Город: " + city + ", температура: " + temp + "°C");
// шаблонная строка — читается удобнее
console.log(`Город: ${city}, температура: ${temp}°C`);
Вывод:
Город: Казань, температура: 23°C Город: Казань, температура: 23°C
Вывод объекта и массива
let user = { name: "Ваня", score: 98 };
let nums = [10, 20, 30];
console.log(user);
console.log(nums);
Вывод:
{ name: 'Ваня', score: 98 }
[ 10, 20, 30 ]
console.log() как инструмент отладки
Метод часто используют, чтобы проверить, какое значение имеет переменная в конкретный момент выполнения программы. Это называется отладкой (debugging).
function double(x) {
console.log("double вызвана с x =", x); // проверяем входное значение
let result = x * 2;
console.log("результат:", result); // проверяем результат
return result;
}
double(7);
Вывод:
double вызвана с x = 7 результат: 14
Другие методы console
Метод | Назначение |
| обычное сообщение |
| предупреждение (жёлтый цвет) |
| ошибка (красный цвет) |
| вывод массива/объекта таблицей |
| очистить консоль |
Коротко
console.log()выводит любое значение в консоль: строку, число, переменную, объект.- Можно передать несколько аргументов через запятую — они выведутся через пробел.
- Шаблонные строки
`${переменная}`удобнее конкатенации при выводе нескольких значений. - Используйте
console.log()во время отладки, чтобы проследить значения переменных.
Проверьте себя
1. Для чего предназначен метод console.log()?
AДля сохранения данных в файл
BДля вывода сообщений в веб-консоль браузера
CДля показа всплывающего окна пользователю
DДля отправки сообщений на сервер
2. Что выведет код: let greet = "Привет"; let name = "Ваня"; console.log(greet + ', ' + name);?
Agreet, name
BПривет, Ваня
CПриветВаня
DПривет + Ваня
3. Почему console.log() часто используют при разработке?
AЭто единственный способ вывести данные в JavaScript
BОн позволяет увидеть значение внутри переменной, что удобно для тестирования и отладки кода
CОн ускоряет выполнение программы
DОн автоматически исправляет ошибки в коде