Компьютерные книги
Главное меню
Главная Поиск по сайту Добавить материал О нас Карта книг Карта сайта
Реклама
computersbooks.net -> Добавить материал -> Языки программирования -> Монкур М. -> "Освой самостоятельно JavaScript за 24 часа" -> 22

Освой самостоятельно JavaScript за 24 часа - Монкур М.

Монкур М. Освой самостоятельно JavaScript за 24 часа — М.: Вильяме, 2001. — 320 c.
ISBN 5-8459-0159-6
Скачать (прямая ссылка): javascriptza24chasasamostoyatelno2001.pdf
Предыдущая << 1 .. 16 17 18 19 20 21 < 22 > 23 24 25 26 27 28 .. 110 >> Следующая

Определение функции
Функции — это группа операторов JavaScript, которые выполняются как одно целое. Перед тем как использовать функцию, вам необходимо ее определить. В листинге 5.1 приведен пример определения простой функции.
Листинг 5.1. Определение простой функции
function Greet(} {
2: alert("Внимание!");
3: }_
Листинг 5.1 определяет функцию, которая отображает на экране сообщение с предупреждением. Функция начинается с ключевого слова function. В приведенном примере функция называется Greet. Обратите внимание на параметры, введенные после названия функции. Как вы уже, наверное, знаете, в скобках можно приводить аргументы функции.
Первая и строка определения функции содержит скобки {}. Эти скобки
используются для определения операторов функции. Броузер по этим скобкам определяет начало и конец функции. В скобках, в нашем примере, записана всего одна строка. В ней введена встроенная функция alert, позволяющая отображать на экране сообщение с предупреждением. Сообщение содержит текст Внимание!.
Теперь поговорим о кавычках. Используемая функция Greet выполняет одно простое действие: отображает на экране сообщение. Если не ввести текст сообщения, то функция становится бесполезной.
Чтобы сделать функцию более гибкой, используются параметры, или аргументы. Это переменные, которые запрашиваются функцией при каждом ее вызове. Например, в нашу функцию можно вставить параметр who, который определяет пользователя, для которого отображается сообщение. Листинг 5.2 содержит программный код измененной функции.
Листинг 5.2. Функция с аргументом
1: function Greet(who) {
2: alert("Внимание!11 +who);
_3: }_
Конечно, чтобы использовать эту функцию, необходимо вставить ее в программу документа HTML. Традиционно функция в программе документа HTML определяется в области заголовка. Поскольку область заголовка выполняется самой первой в программе, функция определяется до ее использования. Листинг 5.3 содержит определение функции Greet в заголовке программы документа HTML.
5-й час. Использование переменных и функций 61
http://ITBookz.ru/
Листинг 5.3. Определение функции Greet в программе HTML
1: <HTML>
2: <HEAD>
3: <Т1ТЪЕ>Функции</Т1ТЬЕ>
4: <SCRIPT
5: function Greet(who) {
6: alert("Внимание!" +
V: >
8: </SCRIPT>
9: </HEAD>
10: <BODY>
11: Тело страницы
12: </BODY>
13: </HTML>
Вызов функции
Теперь вы знаете, как определить функцию и вставить ее в программу HTML. не менее, если вы загрузите программу листинга 5.3 в броузер, то обнаружите, что ровным счетом ничего не происходит. И все потому, что функция определена и готова к использованию, но не используется.
Для того чтобы использовать функцию в программе, необходимо ее вызвать. Для вызова функции в качестве оператора необходимо указать ее имя. В скобках после названия функции указываются параметры и значения. Например, функция Greet может содержать параметр:
Greet("Фред")
Эта строка дает указание броузеру выполнить функцию Greet с указанными параметрами. Таким образом в функцию подставляется параметр "Фред" вместо переменной who.
Функции могут иметь не только один параметр. Чтобы определить функцию с несколькими параметрами, введите их в скобках, после названия функции, отделяя запятыми.
Листинг 5.4 содержит программу полноценного документа HTML, содержащую как определение функции, так и ее вызов в теле страницы. Чтобы продемонстрировать применимость функции, мы вызвали ее два раза, отобразив сообщения двум разным пользователям.
Листинг 5.4. Пример использования функции
1: <HTML>
<HEAD>
3:
4: <SCRIPT LANGUAGE="JavaScript"> 5: function Greet(who) {
6: alert("Внимание!" + who);
T- I
8: </SCRIPT>
</HEAD>
10: <BODY>
62 Часть II. Методы программирования на JavaScript
http://ITBookz.
11 <Н1>Пример функции</Н1>
12 <Р>Сооб!цение выводится два раза</Р>
13 <SCRIPT LANGUAGE="JavaScript">
14 Greet("Фред")
15 Greet)"Дик")
16 </SCRIPT>
16 </B0DY>
17 </HTML>
Листинг содержит два одинаковых дескриптора <SCRIPT>. Первый раз при определении функции, второй — при ее вызове. Функция вызывается два раза для разных пользователей. Теперь, когда вы имеете готовый сценарий, попытайтесь загрузить его в броузере.
При этом вы должны получить на экране нечто подобное изображенному на рис.
й


; 4 » a 'i a -л if t Reload Home Search Guide Prinl $ecu#y Stop ш
fa •
Mets^ge Interne* _j Lookup ._j NewJtCcd
Пример функции
выводится два раза
...... ,


• ... . . аг, *
Рис. 5.1. Пример выполнения функции Greet
Возвращаемое значение
Наряду с выполненной вами функцией, отображающей на экране сообщение для пользователя, существуют функции, возвращающие в сценарий определенные значения. Это позволяет использовать функцию для вычислений. Для примера рассмотрим функцию, которая определяет среднее значение четырех чисел.
5-й час. Использование переменных и функций 63
Заметьте, что второе сообщение не отображается на экране до тех пор, пока вы не щелкнете на кнопке ОК. После вызова функции выполнение сценария прерывается до удаления сообщения с экрана.
Предыдущая << 1 .. 16 17 18 19 20 21 < 22 > 23 24 25 26 27 28 .. 110 >> Следующая
Книги
Web-программирован-
ие
Аппаратное обеспечение Графика Руководство по П.О. Самоучитель Теория программирования Фотошоп Языки программирования
Новые книги
Вирт Н. "Систематическое программирование " (Теория программирования)

Эком "Microsoft Excel 2000 шаг за шагом Русская версия самоучитель " (Самоучитель)

Поляков А.Ю. "Методы и алгоритмы компьютерной графики в примерах Vizual C++" (Графика)

Баяковский Ю.М. "Графическая библиотека Open GL " (Графика)

Валиков А. "Технология " (Языки программирования)
Авторские права © 2013 ComputersBooks. Все права защищены.