JavaScript Функции
JavaScript функция - это блок кода, предназначенный для выполнения определенной задачи.
JavaScript функция выполняется, когда ее вызывают (вызвает) "что-то".
Пример
function myFunction(p1, p2) {
return p1 * p2;
// Функция возвращает произведение p1 и p2
}
Попробуйте сами »
JavaScript Синтаксис функции
JavaScript функция определяется с помощью ключевого кода function
, за которым следует имя и скобки ().
Имена функций могут содержать буквы, цифры, подчеркивания и знаки доллара (те же правила, что и для переменных).
Скобки могут включать имена параметров, разделенные запятыми:
(parameter1, parameter2, ...)
Код, который будет выполнен функцией, помещается в фигурные скобки: {}
function
name(parameter1, parameter2, parameter3) {
// код для выполнения
}
Параметры функции перечислены в скобках () в определении функции.
Аргументы функции - это значения , получаемые функцией при ее вызове.
Внутри функции аргументы (параметры) действуют как локальные переменные.
Функция во многом похожа на процедуру или подпрограмму на других языках программирования.
JavaScript Вызов функции
Код внутри функции будет выполняться, когда "что-то" вызывает (вызывается) функцию:
- Когда происходит событие (когда пользователь нажимает кнопку)
- Когда он вызывает (вызывается) из JavaScript кода
- Автоматически (вызывается самостоятельно)
Вы узнаете гораздо больше о вызове функций позже в этом руководстве.
JavaScript Возврат функции
Когда, JavaScript достигает оператора return
, функция прекращает выполнение.
Если функция была вызвана оператором, JavaScript "вернет" выполнение кода после вызова оператора.
Функции всегда вычисляют возвращаемое значение. Возвращаемое значение "возвращается" обратно "вызывающему":
Пример
Вычислите произведение двух чисел и верните результат:
var x = myFunction(4, 3); // Функция вызывается, возвращаемое значение будет в конечном итоге в x
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) + " по цельсию";
Попробуйте сами »
Позже в этом руководстве вы узнаете гораздо больше о функциях.
Локальные переменные
Переменные, объявленные в JavaScript функции, становятся ЛОКАЛЬНЫМИ для функции.
Доступ к локальным переменным возможен только из функции.
Пример
// код здесь, нельзя использовать carName
function myFunction() {
var carName = "Вольво";
// код здесь, можно использовать carName
}
// код здесь, нельзя использовать carName
Попробуйте сами »
Поскольку локальные переменные распознаются только внутри своих функций, переменные с одинаковыми именами могут использоваться в разных функциях.
Локальные переменные создаются при запуске функции и удаляются, когда функция завершается.