Метод console.log в JavaScript - Вывод информации в консоль
Количество просмотров: 1873
Метод 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>
Как видите, строки, выведенные на экран при помощи document.write, следуют друг за другом неразрывно, кроме той, где намеренно введен тег переноса.
В то время как метод console.log каждый раз выводит информацию с новой строки, что очень удобно.
Поэтому для диагностики и отладки Javascript-кода пользуйтесь выводом результатов в консоль.
|