Главная » Создание javascript-функций
    РейтингРейтингРейтингРейтингРейтинг


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

Как создать функцию в JavaScript? Такой вопрос  распространён среди начинающих программистов.

Функция - это именованная последовательность операторов (инструкций). У функции есть определённые параметры, которыми она манипулирует, и возвращает результат. Например, функция y = 2 * x +5. Здесь мы можем задать x = 3, а в ответ получим y = 11. Вот это пример функции из математики. Абсолютно аналогичные функции и в JavaScript, только тут функцией может быть не просто какое-то вычисление какого-то выражения, а всё, что угодно.

Давайте для начала создадим функцию, которая 3 раза выводит сообщение "Россия".

<script language = "javascript">
  function hello() {
   alert("Россия");
    alert("Россия");
   alert("Россия");
  }
  hello();
</script>

Первая строчка сообщает, что дальше идёт сценарий на языке JavaScript. На следующей строке объявляется функция. Всё начинается с ключевого слова function. Внутри скобок указываются параметры, но в данном случае параметров нет, поэтому внутри скобок всё пусто. Дальше идут фигурные скобки, внутри которых находится код функции, который должен быть выполнен при её вызове. В качестве этого кода используется функция alert(), которая вызывает информационное окошко, в котором написан текст, заданный параметром. В качестве параметра мы функции alert() (это пример встроенной функции) передаём строку "Россия". Функцию alert() мы вызываем три раза.

Когда функция написана, то необходимо поставить закрывающую фигурную скобку. На следующей строке мы вызываем функцию hello()

Теперь поговорим о функциях с параметрами. Давайте создадим один из таких примеров (буду писать сразу функцию и её вызов, без тега <script>).

function sum (x, y) {
  var sum = x + y;
  document.write(sum);
}
sum(5, 4);

Код прозрачный, ключевое слово function, потом название функции (в данном случае, пусть будет sum). Внутри скобок указал два параметра, которые требуются (x и y). Внутри функции я создаю ещё одну переменную sum (это совершенно нормально называть переменные и функции одинаково), которой присваиваю сумму x и y (которые были переданы). И затем вывожу в окно браузера полученный результат. После функции вызываю её, передав параметры 5 и 4. Вы можете проверить, и увидите в окне браузера - 9.

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

function sum(x, y) {
  var sum = x + y;
  return sum;
}
var z = sum(4, 5) + sum(1,-3);
document.write(z);

Обратите внимание на ключевое слово return. Оно возвращает результат (в нашем случае - сумму двух чисел). Таким образом, sum(4,5) возвращает 9. Это число мы складываем с результатом работы функции sum(1, -3), то есть -2. В итоге мы получим 7. И только потом печатаем результат в браузере.

Надеюсь, Вы оценили возможности функций, поэтому создавать и использовать функции в JavaScript надо обязательно. И сейчас я сделаю один важный вывод, принцип, которому надо всегда следовать: любой повторяющийся код - необходимо выделять в отдельную функцию. Если у Вас 20 раз выводится одинаковые 5 строк (к примеру), то необходимо эти 5 строк выделить в отдельную функцию. Тем самым Вы вместо 100 строк (20 раз * 5 строк), напишите только 20 строк, да ещё и более понятных (название функции - это гораздо проще, чем 5 строк кода). Если этому правилу не следовать, то размер программы может увеличиться в десятки, а, может, и в сотни раз.

 

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!