Функции
В большинстве наших программ на языке JavaScript мы будем пользоваться функциями. Поэтому уже теперь необходимо рассказать об этом важном элементе языка.
В большинстве случаев функции представляют собой лишь способ связать вместе нескольких команд. Давайте, к примеру, напишем скрипт, печатающий некий текст три раза подряд. Для начала рассмотрим простой подход:
<html>
<script language="JavaScript">
<!-- hide
document.write("Добро пожаловать на мою страницу!<br>")
document.write("Это JavaScript!<br>")
document.write("Добро пожаловать на мою страницу!<br>")
document.write("Это JavaScript!<br>")
document.write("Добро пожаловать на мою страницу!<br>")
document.write("Это JavaScript!<br>")
// -->
</script>
</html>
И такой скрипт напишет следующий текст
Добро пожаловать на мою страницу!
Это JavaScript!
три раза. Если посмотреть на исходный код скрипта, то видно, что для получения необходимого результата определенная часть его кода была повторена три раза. Разве это эффективно? Нет, мы можем решить ту же задачу еще лучше. Пример скрипта для решения той же самой задачи:
<html>
<script language="JavaScript">
<!-- hide
function myFunction() {
document.write("Добро пожаловать на мою страницу!<br>")
document.write("Это JavaScript!<br>")
}
myFunction()
myFunction()
myFunction()
// -->
</script>
</html>
В этом скрипте мы определили некую функцию, состоящую из следующих строк:
function myFunction() {
document.write("Добро пожаловать на мою страницу!<br>")
document.write("Это JavaScript!<br>");
}
Все команды скрипта, что находятся внутри фигурных скобок - {} - принадлежат функции myFunction(). Это означает, что обе команды document.write() теперь связаны воедино и могут быть выполнены при вызове указанной функции. И действительно, в нашем примере есть три вызова этой функции - можно увидеть, что мы написали строку myFunction() три раза сразу после того, как дали определение самой функции. То есть как раз и сделали три вызова. В свою очередь, это означает, что содержимое этой функции (команды, указанные в фигурных скобках) было выполнено трижды. Поскольку это довольно простой пример использования функции, то у Вас мог возникнуть вопрос, а почему собственно эти функции столь важны в JavaScript. По выполнению данного курса лабораторных работ Вы конечно же поймете их пользу. Именно возможность передачи переменных при вызове функции придает нашим скриптам подлинную гибкость - что это такое, мы увидим позже.
Функции могут также использоваться совместно с процедурами обработки событий. Рассмотрим следующий пример:
<html>
<head>
<script language="JavaScript">
<!-- hide
function calculation() {
var x= 12
var y= 5
var result= x + y
alert(result)
}
// -->
</script>
</head>
<body>
<form>
<input type="button" value="Вычислить" onClick="calculation()">
</form>
</body>
</html>
Лабораторная работа №4 – Синтаксис Java Script
- Лекция 1 - Обзор Internet – технологий
- Лекция 2–Основы html
- Тема 1 «Обзор Интернет-технологий»
- Тема 6 «Работа с JavaScript и Java-апплетами»
- Тема 7 «Контент-инжиниринг, эффективность использования Web-представительств»
- 3. Примерный перечень заданий для прохождения тестового контроля
- 4. Примерная тематика рефератов:
- 5.1 Основная литература
- 2.4.2. Методические указания по выполнению практических и лабораторных работ
- Лабораторная работа № 2 – Каскадные таблицы стилей
- Запуск JavaScript
- Размещение JavaScript на html-странице
- Броузеры без поддержки JavaScript
- События
- OnAbort.
- OnMouseOver и onMouseOut
- Оглавление
- Функции
- Иерархия объектов в JavaScript
- Объект location
- Фреймы и JavaScript
- Навигационные панели
- 2.4.3 Методические указания по самостоятельной работе студентов
- 2.Перечень домашних заданий для студентов
- 3. Перечень заданий для самостоятельной работы студентов
- 4. Контрольный тест
- 5. Список литературы
- 5.1 Основная литература
- 2.5.1. Текущий контроль знаний
- 2.8 Дополнительный материал (словари, глоссарий)