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