Метод 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.warn()

предупреждение (жёлтый цвет)

console.error()

ошибка (красный цвет)

console.table()

вывод массива/объекта таблицей

console.clear()

очистить консоль

Коротко

  • 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Он автоматически исправляет ошибки в коде