You don't know js(up & going)


Download 424.95 Kb.
Pdf ko'rish
bet6/53
Sana08.11.2023
Hajmi424.95 Kb.
#1757840
1   2   3   4   5   6   7   8   9   ...   53
Bog'liq
You don\'t know JS(up & going)

___________________


Набрав в консоли вышеуказанный код в браузере Chrome, мы увидим что-то
вроде этого:
______________________________________

______________________________________
Вперед, попробуйте! Наилучший путь обучения программированию — это начать
писать код!
Вывод
В предыдущем кусочке кода мы использовали`console.log(..)`. Давайте взглянем
вкратце о чем же эта строка кода.
Возможно вы это предполагали, но это и в самом деле то, как мы печатаем текст
(т.е. *вывод* для пользователя) в консоли разработчика. Есть две характеристики
этого оператора, которые нам следует пояснить.
Первая часть, `log( b )`, указывает на вызов функции (см. «Функции»). Здесь
получается, что мы передаем переменную `b` в эту функцию, которая берет
значение `b` и печатает его в консоли.
Вторая часть, `console.`, является ссылкой на объект, где расположена функция
`log(..)`. Мы рассмотрим объекты и их свойства более детально в главе 2.
Еще один путь вывести информацию — запустить оператор `alert(..)`. Например:
________________
alert( b );
________________
Если вы запустите этот оператор, то заметите, что вместо вывода значения в
консоль он показывает всплывающее окно с кнопкой «OK» и содержимым
переменной `b`. Однако использование `console.log(..)` обычно лучше помогает
кодировать и запускать программы в консоли, чем использование `alert(..)`,
потому что вы можете вывести несколько значений за раз без остановки в
интерфейсе браузера.
В этой книге мы будем использовать для вывода `console.log(..)`.
Ввод


Пока мы обсуждаем вывод, вы попутно могли задаться вопросом о *вводе* (т.е. о
получении информации от пользователя).
Самый распространенный путь — показать элементы формы на HTML странице
(например, строки ввода) для пользователя, чтобы он мог вводить туда данные, а
затем, используя JS, считать эти значения в переменные программы.
Но есть более простой путь получать входные данные в целях обучения и
демонстрации, который вы будете использовать на протяжении всей этой книги.
Используйте функцию `prompt(..)`:
_______________________________________________
age = prompt( "Please tell me your age:" );
console.log( age );
_______________________________________________
Как вы уже могли догадаться, сообщение, которое вы передаете в `prompt(..)`, в
данном случае `"Please tell me your age:"` ('"Пожалуйста сообщите мне свой
возраст:"'), выводится во всплывающем окне.
Это может выглядеть примерно так:
_______________________________________________

_______________________________________________
Как только вы подтвердите ввод текста, щелкнув по «OK», вы заметите, что
введенное значение теперь хранится в переменной `age`, которую мы затем
*выводим* с помощью `console.log(..)`:
_______________________________________________

_______________________________________________
Для упрощения, пока мы изучаем основные понятия программирования, примеры
в этой книге не потребуют ввода. Зато теперь вы увидели как пользоваться
`prompt(..)`. Если вы хотите проверить себя, то можете попробовать
использовать ввод в порядке экспериментов с примерами.

Download 424.95 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9   ...   53




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling