Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
16
Добавлен:
15.01.2021
Размер:
146.94 Кб
Скачать

Функции

Функции - это один из основных способов объединения операторов в блоки. В языке JavaScript функция представляет собой группу выражений, служащих для выполнения какой-либо определенной задачи. В отличие от большинства других языков программирования, JavaScript не делает различий между собственно функциями и процедурами. Процедуры - это программные блоки, результаты выполнения которых непосредственно отображаются на выполнении программы, в то время как функции должны возвращать значения. Поэтому функции JavaScript можно рассматривать и как процедуры.

Определение и вызов

Прежде, чем вызывать функцию, ее надо определить. Определение функций в JavaScript имеет следующий синтаксис:

function ИмяФункции (аргументы) {

блок выражений;

}

Важно знать, что когда броузер загружает документ и "видит" объявление функции, он только считывает ее в память. Для того чтобы функция была выполнена, ее надо вызвать. Вызов функции может производиться из любого места JavaScript программы. Для этого достаточно написать:

ИмяФункции(параметры)

где <ИмяФункции> - имя ранее объявленной функции, а параметры - список из одного или нескольких значений, разделенных запятыми и передаваемых функции в качестве аргументов. Количество и порядок значений (параметров), передаваемых функции, должен точно соответствовать списку аргументов, указанных при объявлении функции.

В случае, если функция вызывается не просто как процедура, а именно как функция (т,е. возвращает значение), то она должна содержать специальный оператор return в котором указывается выражение, значение которого возвращает функция. Например, если требуется создать функцию, которая будет принимать в качестве аргумента число, и возвращать его третью степень, мы можем написать так:

<html>

<head>

<title>

Использование функций

</title>

<script type="text/javascript">

function cube(value) {

return value * value * value;

}

</script>

</head>

<body>

<script type="text/javascript">

var x = cube(3);

</script>

</body>

</html>

Таким образом, написав такой код мы при загрузке страницы присвоим переменной х значение 27.

Яэык JavaScript поддерживает также рекурсивный вызов функций, т.е. вызов функции из самой себя.

Диалоговые окна

В JavaScript предусмотрено три различных способа для вывода информации на экран и для получения информации от пользователя. Самым простым является метод alert, который используется просто для отображения окна сообщения с кнопкой ОК. Ниже приведен пример использования этого метода:

a lert("Hello, World");

Метод confirm позволяет отображать окно сообщения с кнопками ОК и Cancel. Если пользователь нажимает кнопку ОК, то метод возвращает значение true, в противном случае возвращается false. Ниже приведен простой пример использования метода confirm:

c onfirm("Bы дейсвительно хотите закончить работу?");

Метод prompt позволяет отображать сообщение и текстовое поле для ввода пользователем какой-либо информации. Этому методу передается два параметра: то сообщение, которое появляется в окне, и значение, которое отображается в текстовом поле по умолчанию. Если пользователь нажал кнопку ОК, то возвращается то значение, которое на тот момент содержалось в текстовом поле. Ниже приведен простой пример использования метода prompt:

prompt("Введите ваше имя", "");

А теперь еще один пример, в котором задействованы все диалоговые окна. Этот скрипт запрашивает Ваше имя, сохраняет в переменной name введенные даные и выводит их на экран, а потом спрашивает "Хотите еще?". И так пока не нажмете кнопку "Cancel".

<html>

<head>

<title>

Диалоговые окна

</title>

</head>

<body>

<script type="text/javascript">

var name = "";

do {

name = prompt("Введите Ваше имя","");

alert(name);

} while (confirm("Хотите еще?"));

</script>

</body>

</html>