«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript



Игра «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих



Метод console.log в Javascript позволяет выводить информацию (сообщения, данные и т.п.) из программного кода в консоль.

На этом сайте, при работе с Javascript-кодом, в большинстве случаев для вывода информации использовался метод write объекта document или (иногда) метод alert.

О существовании консоли тоже следует знать, так как ее использование - это хороший способ диагностики и отладки программного кода.

document.write("Вывод информации на экран");

window.alert("Модальное Окно");

console.log("Вывод данных в консоль");



Как открыть консоль в браузере?

В браузере по умолчанию консоль скрыта от глаз пользователя. Но ее легко открыть при помощи специальной команды:

Ctrl + Shift + I - открываем Веб-консоль в большинстве браузеров Mozilla Firefox, Google Chrome, Opera.

В браузере Mozilla Firefox также работает сочетание клавиш Ctrl + Shift + K.

Либо следуем по пути: Инструменты - Веб-разработка - Консоль браузера.

Метод console.log в JavaScript - Вывод информации в консоль

Зная, как открыть консоль браузера, рассмотрим пример вывода в нее информации при помощи метода console.log.

Фрагмент кода

<script type="text/javascript">

document.write("Чтобы открыть Консоль в Firefox - нажмите Ctrl + Shift + K");

console.log("Добро пожаловать в Веб-консоль");

</script>

Результат

Итак, при помощи метода console.log можно выводить информацию в консоль браузера.

Со временем Вы оцените достоинства этого способа представления работы Javascript-кода.

Преимущества console.log - Каждый раз с новой строки

О пользе и преимуществах работы в консоли Вы узнаете в свое время. В частности, метод console.log удобен тем, что каждое его использование выводит информацию в консоль с новой строки.

Если же выводить информацию в окно браузера при помощи метода write объекта document, то для организации переноса строки нужно специально ставить тег br, либо указывать новый параграф - тег p.

Фрагмент кода

<script type="text/javascript">

document.write("Строка №1");
document.write("Строка №2 <br />");
document.write("Строка №3");

console.log("Строка №1");
console.log("Строка №2");
console.log("Строка №3");

</script>

Результат

Метод console.log - Каждый раз с новой строки

Строка №1Строка №2
Строка №3

Строка №1
Строка №2
Строка №3

Как видно, строки, выведенные на экран при помощи document.write, следуют друг за другом неразрывно, кроме той, где намеренно введен тег переноса.

В то время как метод console.log каждый раз выводит информацию с новой строки, что очень удобно. Поэтому для диагностики и отладки Javascript-кода пользуйтесь выводом результатов в консоль.



Читайте также...



Отзывы и комментарии:

Добавил(а): Александр
Дата: 2020-01-05

Скажите пожалуйста? А возможно вывести в строку в консоль через цикл?

Добавил: Admin
Дата: 2020-01-06

Александр Вы писали 2020-01-05
Скажите пожалуйста? А возможно вывести в строку в консоль через цикл?

Вывести строку в консоль через цикл? Да можно вывести что-либо в консоль через цикл.

Добавил(а): Александр
Дата: 2020-01-07

Я извиняюсь за не правильно поставленный вопрос) Дело вот в чем. Я учил Java но потом понял что хочу стать Front-End разработчиком и переключился на JS. Начал с чтения книги "Выразительный Javascript" там есть дз Шахматная доска -Напишите программу, создающую строку, содержащую решётку 8х8, в которой линии разделяются символами новой строки. На каждой позиции либо пробел, либо #. В результате должна получиться шахматная доска. Это задание легко выполнил бы в Java. А тут consol.log - постоянно переносит на новую строку) Но в общем я уже подсмотрел решение) записать все в String. В общем как то так)

Добавил: Admin
Дата: 2020-01-07

Хорошо. Не плохая задача для начала. Удачи в учебе.

Добавил(а): Александр
Дата: 2020-01-09

Спасибо!)

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Это нужно знать

Тематические публикации
Популярные заметки
Последние заметки