Создание функций Javascript

Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали создание переменных javascript. В данной статье я бы хотел рассказать об одной из самых важных тем не только в JavaScript, но и, наверное, во всем программировании — это создание функций в JavaScript. Для чего вообще возникает необходимость в использовании функций, ведь можно же писать код прямо так. Одна из главных причин, на мой взгляд — это сокращение строк кода. Вторая — это повышение читаемости и наглядности кода.

Давайте разберем такой пример: пусть нам необходимо 10 раз вывести фразу «Привет, User» в различных местах программы. Какие алгоритмы решения задачи мы можем придумать. Самый простой вариант — это каждый раз писать 10 строк document.write(«Привет, User»). Когда-то давно я бы и сам, наверняка, так и сделал, ведь, как говорится, чем проще — тем лучше. Насчет проще — это да, но вот насчет лучше — это вряд ли. Давайте подумаем, как мы можем уменьшить число строк. Можно использовать цикл и вставить его несколько раз в те места в которые необходимо:

<script type="text/javascript">
for (i = 1;i <= 10; i++) {
	document.write("Привет, User");
}
</script>

В принципе, весьма неплохой вариант, но есть одно «но». Что делать, если нам будет необходимо не 10 раз выводить это сообщение, а 20. Или выводить не «Привет, User», а «привет, Admin». Для этого нам придётся искать эти все куски по всей программе и исправлять их. Хочется исправить один раз и больше не возвращаться к этой теме. И вот тут-то как раз и необходимо создание функций в Javascript. Давайте заключим наш код в функцию:

<script type="text/javascript">
function privet() {
	for (i = 1;i <= 10; i++) {
	document.write("Привет, User");
}
}
privet();
</script>

Теперь в разных местах программы достаточно будет вставлять следующий код «privet();». Если мы захотим что-нибудь исправить, то для этого необходимо будет только подправить код функции 1 раз.

Давайте разберем синтаксис создания функций на JavaScript:

1) Создание функции начинается с ключевого слова function,

2) Затем идёт название функции, в нашем случае «privet»,

3) Затем идут круглые скобки, в которых указываются параметры функции, в нашем случае параметров нет,

4) Затем идёт тело функции в квадратных скобках, в котором отписывается вся логика работы функции.

Функция «privet» не имеет параметров. Давайте создадим функцию суммы, которая принимает 2 параметра и выводит на экран значение суммы:

<script type="text/javascript">
function summa(a, b) {
	var sum;
	sum = a + b;
	document.write(sum);
}
summa(5,10);
</script>

Как видите, в данном случае мы передаем в функцию 2 параметра, в теле функции переменной sum присваиваем значение суммы переменных a и b. В конце результат выводим в браузер. В результате выполнения функции summa(5,10) в браузер будет выведено число «15″.

Обратите внимание, что в параметрах функции не нужно указывать ключевое слово var.

Функции также могут возвращать значения при помощи ключевого слова return. Давайте перепишем нашу функцию:

<script type="text/javascript">
function summa(a, b) {
	return a + b;
}
document.write(summa(5,10));
</script>

Результат выполнения данной функции будет тот же самый. Однако, если в данном случае мы напишем просто summa(5,10), то никакого сообщения в браузере мы не увидим.

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

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