базовый курс

ГРУППА КУРСА

Функции

Что такое функция

Функция - это часть программы, оформленная особым образом. Внутри функции могут использоваться разные операторы и переменные и любые возможности, которые есть в JavaScript. Функция может быть запущена в разных местах программы. И каждый раз при запуске функции выполняется код, сожержащийся внутри функции. Таким образом, строки, находящиеся в функции могут быть запущены много раз. Благодаря этому, действия, которые нужно выполнить несколько раз в разных местах программы, можно не писать каждый раз, а оформить в виде функции и запускать, когда это нужно. Кроме того, если использовать аргументы функции, то она может работать несколько по-разному. Запуск функции называется вызов на исполнение. Строки, которые содержатся в функции, называются тело функции. Внутри функции может быть создана другая функция. Или может быть вызвана функция, созданная ранее. В одном скрипте можно создать любое количество функций.

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

Как и в других языках, в JavaScript создание функции происводится с помощью её объявления. Это делается так:

function имя функции ()
{
Тело функции
}

Функция не запускается сама. Чтобы она запустилась, её нужно вызвать на исполнение. Чтобы вызвать функцию пишется её имя и ставятся скобки.

Для примера создадим функцию с названием inform, которая выводит текст на страницу. После создания функции вызовем её на исполнение.

+
1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
<title>Страница</title>
<meta charset="utf-8">
</head>
<body>
<script>
9
10
11
12
13
function inform()
  {
  document.write('Это функция');
  }
inform();

Аргументы функции

Функция может иметь параметры. Также их называют аргументы функции Они используются для того, чтобы при вызове функции, ей можно было передать какие-то данные, например число. Эти данные используются в работе функции. При каждом вызове функции, ей можно передать разные данные и функция будет работать по-разному. Параметры указываются при объявлении функции в скобках. В теле функции они используются как обычные переменные.

function имя функции (параметр1, параметр2)
{
Тело функции
}

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

14
15
16
17
18
function num(n)
  {
  document.write('<br>');
  document.write('Передано число '+n);
  }

Вызовем созданную функцию два раза и передадим ей разные данные.

19
20
num(5);
num(23);

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

Возвращение значения

В наших примерах мы создавали функции, которые сами выполняют какие-то действия, а именно выводят текст на страницу. Но есть другой вариант. Функция может произвести определённые вычисления и вернуть результат. А дальше в программе этот результат как-то используется. Для возвращения значения используется ключевое слово return. Можно возвращать значение переменной или просто данные.

return значение

Для примера создадим функцию, которая возводит число 5 в квадрат. Возвращаемое значение присвоим переменной:

21
22
23
24
25
26
27
function kvadr ()
  {
  return 5*5;
  }
var x=kvadr();
document.write('<br>');
document.write(x);

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

28
29
30
31
32
33
function kvnumber (n)
  {
  return n*n;
  }
document.write('<br>');
document.write(kvnumber(8));