Книга: HTML, XHTML и CSS на 100%

Функции

Функции

Функция – это набор команд, объединенных под общим именем для выполнения некоторой задачи. Синтаксис функции имеет следующий вид:

function ИмяФункции([аргумент1][,..аргументN])

{

операторы

}

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

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

Функции можно объявлять в любом месте внутри элемента SCRIPT. Можно даже объявить функцию внутри другой функции, однако в этом случае она будет локальной, то есть будет действовать только внутри родительской функции. Тем не менее рекомендуется объявлять функцию в блоке HEAD до начала выполнения основного кода, иначе она может быть недоступной в момент вызова. В листинге 11.19 представлен пример работы с функциями.

Листинг 11.19. Пример использования функций

<html>

<head>

<title>Пример использования функций</title>

<script>

//Глобальный массив

var a= new Array (1,2,4,8);

function sum()

{

var s=0; //локальная переменная для хранения суммы

//Цикл по всем элементам массива a

for (var i in a)

{

s=s+a[i];

}

alert("Сумма элементов массива="+s);

}

function product()

{

var p=1; //локальная переменная для хранения произведения

for (var i in a)

{

p=p*a[i];

}

alert("Произведение элементов массива="+p);

}

</script>

</head>

<body>

<script>

var x=prompt("Найти сумму или произведение (0 или 1)?","0");

if (x=="0")

{

sum();

}

if (x=="1")

{

product();

}

</script>

</body>

</html>

При запуске этого кода отображается запрос, на который необходимо ввести 0 или 1. В зависимости от ответа запускается одна из функций: sum() или product(), которые находят сумму или произведение элементов глобального массива a соответственно.

Функции могут возвращать значение. Для этого необходимо использовать оператор возврата return. Вообще этот оператор может встречаться несколько раз в теле функции. Таким образом, функции можно использовать в выражениях (листинг 11.20).

Листинг 11.20. Использование значения функции

<html>

<head>

<title>Использование значения функции</title>

<script>

function sum(a,b)

{

return (a+b);

}

</script>

</head>

<body>

<script>

var x1=5, x2=6, x3=3, x4=3;

//Отображаем (x1+x2)*(x3+x4)

alert (sum(x1,x2)*sum(x3,x4));

</script>

</body>

</html>

Функция может объявляться в выражении. Обычно в этом случае функция присваивается переменной, которая затем может использоваться в выражении:

var cube=function(x){return x*x*x}

alert(cube(2)+cube(3));

В данном случае объявляется переменная-функция, вычисляющая куб числа.

Переменное количество аргументов

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

var arg1=arguments[0];

Таким образом, аргументы индексируются, начиная с нуля. Для определения общего количества аргументов, переданных функции, можно использовать свойство length объекта arguments.

Листинг 11.21 демонстрирует возможность обработки переменного количества аргументов.

Листинг 11.21. Пример переменного количества аргументов в функции

<html>

<head>

<title>Пример переменного количества аргументов в функции</title>

<script>

function sum(x1,x2) //Функция содержит не меньше двух аргументов

{

var s=0; //Начальное значение суммы

//Цикл по всем аргументам

for (var i=0;i<arguments.length;i++)

{

s+=arguments[i];

}

return (s);

}

</script>

</head>

<body>

<script>

//Вызываем функцию

alert (sum(1,2,3,4));

alert (sum(1,-3,40,2,5,7));

</script>

</body>

</html>

Дополнительная информация о функциях

Аргументами функции могут выступать не только данные простого типа, но и объекты. Однако при передаче функции строки, числа или логической величины в функции создается копия переданного значения и оригинал не изменяется, то есть что бы ни делали с аргументом внутри функции, после завершения функции эта переменная уничтожается, а оригинальная переменная остается прежней. Иначе происходит при передаче объекта. В этом случае копия объекта не создается, а передается ссылка на данный объект. Если бы происходило иначе, то терялось бы много времени и памяти на создание дубликатов. Представьте, сколько потребовалось бы времени на передачу массива из 10 000 элементов, когда фактически можно обойтись передачей одного значения – ссылки на этот массив. Однако программист должен помнить, что работает в функции с оригинальным объектом.

Функции могут быть рекурсивными, то есть прямо или косвенно вызывать сами себя. Если в теле функции явно используется вызов этой же функции, то имеет место прямая рекурсия. Если же функция содержит обращение к другой функции, содержащей прямой или косвенный вызов первой функции, то данная функция является косвенно рекурсивной. Классический пример – функция для вычисления факториала неотрицательного целого числа (листинг 11.22).

Листинг 11.22. Пример рекурсивной функции

<html>

<head>

<title>Пример рекурсивной функции </title>

<script>

function fact(n)

{

if (n<0) return(null); //Проверка на отрицательные числа

if (n==0) return (1); //Проверка на 0

return (n*fact(–n));//Рекурсивный вызов

}

</script>

</head>

<body>

<script>

var x=prompt("Введите число","5");

x=+x;

//Вызываем функцию

alert (x+"!="+fact(x));

</script>

</body>

</html>

Для отрицательного числа факториала не существует. В этом случае возвращается null. Для нулевого значения функция возвращает 1, так как 0!=1. В противном случае вызывается та же функция с декрементом параметра и результат умножается на текущее значение параметра. Вызов функции прерывается при вызове fact (0) (рис. 11.16).


Рис. 11.16. Пример рекурсивной функции

Оглавление книги

Оглавление статьи/книги
Похожие страницы

Генерация: 0.081. Запросов К БД/Cache: 0 / 0
поделиться
Вверх Вниз