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) + " Цельсия";
Редактор кода »
Вы узнаете намного больше о функциях позже в этом учебнике.