Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Псевдоистина и псевдоложь console.log  - Вывод в консоль undefined - Неопределенное значение

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

Количество просмотров: 1233

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

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

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

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

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

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

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

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

Ctrl + Shift + K - открываем Веб-консоль в браузере Mozilla Firefox.

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

Метод 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-кода пользуйтесь выводом результатов в консоль.

Частота просмотра уроков
JavaScript
Дизайн сайтов
Псевдоистина и псевдоложь undefined - Неопределенное значение

Ваши комментарии:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru