321 / Разработка электронного портала

Функции

В большинстве наших программ на языке JavaScript мы будем пользоваться функциями. Поэтому уже теперь необходимо рассказать об этом важном элементе языка.

В большинстве случаев функции представляют собой лишь способ связать вместе нескольких команд. Давайте, к примеру, напишем скрипт, печатающий некий текст три раза подряд. Для начала рассмотрим простой подход:

<html>

<!-- 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>

<!-- hide

function myFunction() {

document.write("Добро пожаловать на мою страницу!<br>")

document.write("Это JavaScript!<br>")

}

myFunction()

// -->

</script>

</html>

В этом скрипте мы определили некую функцию, состоящую из следующих строк:

function myFunction() {

document.write("Добро пожаловать на мою страницу!<br>")

document.write("Это JavaScript!<br>");

}

Все команды скрипта, что находятся внутри фигурных скобок - {} - принадлежат функции myFunction(). Это означает, что обе команды document.write() теперь связаны воедино и могут быть выполнены при вызове указанной функции. И действительно, в нашем примере есть три вызова этой функции - можно увидеть, что мы написали строку myFunction() три раза сразу после того, как дали определение самой функции. То есть как раз и сделали три вызова. В свою очередь, это означает, что содержимое этой функции (команды, указанные в фигурных скобках) было выполнено трижды. Поскольку это довольно простой пример использования функции, то у Вас мог возникнуть вопрос, а почему собственно эти функции столь важны в JavaScript. По выполнению данного курса лабораторных работ Вы конечно же поймете их пользу. Именно возможность передачи переменных при вызове функции придает нашим скриптам подлинную гибкость - что это такое, мы увидим позже.

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

<html>

<head>

<!-- hide

function calculation() {

var x= 12

var y= 5

var result= x + y

alert(result)

}

// -->

</script>

</head>

<body>

<form>

</form>

</body>

</html>

Лабораторная работа №4 – Синтаксис Java Script

Содержание