Функции

Вместе с объектами функции играют ключевую роль в JavaScript. Вот объявление самой простой функции:

function add(x, y) {

var total = x + y;

return total;

}

В JavaScript функции могут принимать от 0 и больше именованных параметров. Тело функции может содержать любые выражения JavaScript и объявления внутренних переменных. Выражение return может быть использовано в любое время для прекращения выполнения функции и возврата значения. Если return отсутствует или не возвращает значения (пустой return ), функция возвращает undefined.

Именованные параметры условны, т.е. можно вызвать функцию без параметров или с лишними параметрами. В первом случае значения параметров будут установлены в undefined:

add() //результат – "NaN", т.к. undefined нельзя складывать

Также можно передать аргументов больше, чем ожидает функция:

add(2, 3, 4) //результат – "5", т.к. складывает первые два параметра, а 4 игнорируется

Внутри тела функции доступна дополнительная переменная "arguments". Это "массиво-подобный" объект, в котором хранятся все переменные, переданные в функцию. Перепишем предыдущую функцию, чтобы она суммировала все параметры, которые ей передают:

function add() {

var sum = 0;

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

sum += arguments[i];

}

return sum;

}

И вызовем ее:

add(2, 3, 4, 5) //результат – "14"

Напишем функцию для подсчета среднего арифметического:

function avg() {

var sum = 0;

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

sum += arguments[i];

}

return sum / arguments.length;

}

И вызовем ее:

avg(2, 3, 4, 5) //результат – "3.5"

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

Первый это классический func(). Любую функцию можно вызвать также с помощью встроенного в Function метода apply(), который вызовет функцию с параметрами, переданными в виде массива в apply() вторым параметром:

avg.apply(null, [2, 3, 4, 5]) //результат – "3.5"

JavaScript позволяет создавать анонимные функции:

var avg = function() {

var sum = 0;

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

sum += arguments[i];

}

return sum / arguments.length;

}

JavaScript позволяет функциям делать рекурсивные вызовы (т.е. вызывать самих себя). Это очень полезно, когда имеешь дело с древовидными структурами, например, такими как DOM:

function countChars(elm) {

if (elm.nodeType == 3) {

return elm.nodeValue.length;

}

var count = 0;

for (var i = 0, child; child = elm.childNodes[i]; i++) {

count += countChars(child);

}

return count;

}