Функции в JavaScript

Функции JavaScript являются кодовыми блоками, предназначенными для выполнения специфических задач.

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

пример

function myFunction(p1, p2) {
    return p1 * p2;              // Эта функция возвращает произведение p1 и p2
}

Попробуйте сами

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

Функции JavaScript через function определяется ключевым словом, за которым следуетИмя функциии скобками ()。

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

Круглые скобки могут включать параметры, разделенные запятыми:

(Параметр 1, Параметр 2, ...)

Код, выполняемый функцией, поместите в фигурные скобки:{}

function name(Параметр 1, Параметр 2, Параметр 3) {
    Код, который нужно выполнить
}

Параметры функции (Function parameters)Это имена, указанные в определении функции.

Параметры функции (Function arguments)Это реальное значение, которое функция принимает при вызове.Значение.

В функции параметры являются локальными переменными.

В других языках программирования функция аналогична процедуре (Procedure) или подпрограмме (Subroutine).

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

Код в функции выполняется, когда этот функцию вызывают другие коды:

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

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

возвращает функцию

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

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

Функция обычно вычисляетвозвращаемое значениеЭтот возвращаемый результат будет возвращен вызывателю:

пример

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

var x = myFunction(7, 8);        // Вызов функции, возвращаемое значение назначается x
function myFunction(a, b) {
    return a * b;                // Функция возвращает произведение a и b
}

Результат x будет:

56

Попробуйте сами

Для чего нужны функции?

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

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

пример

Преобразование фahrenheit в celsius:

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 = "The temperature is " + x + " Celsius";

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

var text = "The temperature is " + toCelsius(77) + " Celsius";

Попробуйте сами

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

локальные переменные

переменные, объявленные в функции JavaScript, становятся частьюлокальные переменные.

локальные переменные доступны только внутри функции.

пример

// Код в этом месте не может использовать carName
function myFunction() {
    var carName = "Volvo";
    // Код в этом месте может использовать carName
}
// Код в этом месте не может использовать carName

Попробуйте сами

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

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

课外ное чтение

Для получения дополнительной информации о Функции в JavaScriptДополнительную информацию о

Обзор функций ECMAScript
Этот раздел объясняет концепцию функции, как ECMAScript объявляет и вызывает функции, а также как функции возвращают значения.
Объект arguments в ECMAScript
Этот раздел介绍了 основные用法 объекта, а также объясняет, как использовать атрибут length для определения количества параметров функции и как имитировать перегрузку функций.
Объект Function в ECMAScript (класс)
Этот раздел объясняет, как создавать функции с помощью класса Function, и затем介绍 свойства и методы объекта Function.
Клозуры в ECMAScript
Этот раздел объясняет концепцию клозур и демонстрирует два примера: простой и несколько более сложный.