САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

JavaScript Функции



JavaScript функция - блок кода, предназначенный для выполнения конкретной задачи.

JavaScript функция выполняется, когда она вызывается (вызывают ее).


Пример

function myFunction(p1, p2) {
   return p1 * p2;             // Функция возвращает результат p1 и p2
}
Редактор кода »

Синтаксис функции

JavaScript функция определяется с помощью ключевого слова function, затем имя функции и скобки ().

Имена функций могут содержать буквы, цифры, знаки подчеркивания и знаки доллара (те же правила, что и с переменными).

В скобки можно вводить имена параметров, разделенные запятыми:
(параметр1, параметр2, ...)

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

function имя_функции (параметр1, параметр2, параметр3) {
   код, который будет выполнен
}

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

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

Внутри функции, аргументы (параметры) ведут себя как локальные переменные.

Функция почти такая же, процедура или подпрограмма в других языках программирования.


Вызов функции

Код внутри функции будет выполняться, когда "что-то" вызовит (вызывает) функцию:

  • Когда происходит событие (когда пользователь нажимает кнопку)
  • Когда она вызывается (вызвать) из кода JavaScript
  • Автоматически (самовызов)

Вы узнаете больше о вызове функции далее в этом учебнике.


Возврат функции

Когда JavaScript достигает заявления return, функция останавливает выполнение.

Если функция была вызвана из заявления, JavaScript "возвратит" выполнение кода, после вызова заявления.

Функция много раз вычисляет значение return. Значение return "возвращяет" обратно к "вызову" функции:

Пример

Вычислить произведение двух чисел и вернуть результат:

var x = myFunction(4, 3);       // Функция вызывается, возвращаемое значение будет в конечном итоге, умножаться

function myFunction(a, b) {
   return a * b;               // Функция возвращает произведение a и b
}

В результате x будет:

12
Редактор кода »

Зачем нужны функции?

Вы можете повторно использовать код: переопределить код и использовать его много раз.

Вы можете использовать тот же самый код много раз с разными аргументами, чтобы вызывать различные результаты.

Пример

Преобразование Фаренгейта в градусы Цельсия:

function toCelsius(fahrenheit) {
   return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Редактор кода »

Оператор вызова функции ()

Использование примера выше, toCelsius ссылается на объект функции и toCelsius() возвращает результат функции.

Доступ к функции без скобок () будет возвращать определения функции, а не результат функции:

Пример

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Редактор кода »

Функция, используется в качестве значения переменных

Функция может использоваться точно так же, как переменная, во всех типах формул, заявлений и расчетах.

Пример

Переменная используется для сохранения возврата значения функции:

var x = toCelsius(77);
var text = "Температура воздуха " + x + " Цельсия";

Вы можете использовать функцию непосредственно, так же как значение переменной:

var text = "Температура воздуха " + toCelsius(77) + " Цельсия";
Редактор кода »

Вы узнаете намного больше о функциях позже в этом учебнике.


Проверьте себя с помощью упражнений!

Упражнение:

Выполнить функцию с именем myFunction.

function myFunction() {
  alert("Привет Мир!");
}
;

Начните упражнения