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. Пример рекурсивной функции
Знакомство с событиями
Очень часто язык JavaScript применяется для реагирования на события, которые могут быть вызваны пользователем или браузером. К событиям относятся открытие новой страницы, перемещение указателя мыши, щелчок кнопкой мыши и т. д. Каждое событие имеет соответствующий обработчик, который автоматически реагирует на возникшее событие.
Так, событие onLoad происходит после загрузки какого-либо элемента, например веб-страницы. Использование обработчика этого события позволяет выполнять JavaScript-код сразу после полной загрузки документа.
Одним из часто используемых событий является щелчок кнопкой мыши на объекте. При его возникновении обработчик события onClick объекта выполняет код JavaScript (листинг 11.23).
Листинг 11.23. Пример обработчиков событий<html>
<head>
<title>Пример обработчиков событий</title>
<script>
function mes()
{
alert ("Замечательная ссылка");
}
</script>
</head>
<body>
<h2>Пример обработчиков событий</h2>
<a href=http://www.myserver.ru/page1.html onClick="mes()">Ссылка 1</a>
<br>
<a href=http://www.myserver.ru/page2.html
onClick="alert('Еще одна ссылка')">Ссылка 1
</a>
</body>
</html>
Из данного кода видно, что обработчик события может быть вызовом функции. Однако может и непосредственно указываться JavaScript-код. В данном случае оба обработчика вызывают метод alert() (рис. 11.17).
Рис. 11.17. Пример обработчиков событий
11.6. Встроенные объекты JavaScript
Объекты JavaScript объединяют в себе переменные, именуемые свойствами, и функции, управляющие этими свойствами, именуемые методами. Кроме того, они могут реагировать на события. Пользователь может создавать свои объекты, но JavaScript содержит ряд базовых объектов.
• Global – набор высокоуровневых свойств и методов, у которых нет родительского объекта.
• String – позволяет форматировать и изменять текстовые строки.
• Number – дает возможность обрабатывать числа.
• Boolean – позволяет создавать логические величины.
• Array – дает возможность создавать и управлять массивами.
• Function – позволяет создать функцию.
• Date – дает возможность работать с временем и датой.
• Math – предоставляет некоторые математические функции и константы.
• RegExp – позволяет выполнять функции регулярных выражений для заданных строк.
• Object – является прототипом для всех объектов.
Объект Global
Этот объект содержит несколько методов и свойств, которые не принадлежат ни одному объекту (табл. 11.12 и 11.13). Для удобства их объединили в объект Global.
Таблица 11.12. Свойства объекта GlobalТаблица 11.13. Методы объекта GlobalДля доступа к методам и функциям этого объекта родительский объект не указывается:
flag=isFinite(x/y)
Объект String
Объект String предоставляет средства для форматирования и выделения части строк. Для этой цели он содержит обширный перечень методов (табл. 11.14 и 11.15).
Таблица 11.14. Свойства объекта StringТаблица 11.15. Методы объекта StringРассмотрим использование методов объекта String:
MyText="Я люблю HTML";
MyText=MyText.substring(0,8)+"JavaScript";
В результате строка MyText примет значение «Я люблю JavaScript».
Объект Number
Объект Number обычно применяется для доступа к некоторым постоянным значениям, например к отрицательной бесконечности. Свойства и методы этого объекта указаны в табл. 11.16 и 11.17.
Таблица 11.16. Свойства объекта NumberТаблица 11.17. Методы объекта Number