Учебник: Функции JavaScript

Функция JavaScript

Функция JavaScript — это фрагмент кода, выполняющий определенную задачу. Когда «что-то» вызывает функцию JavaScript, оно вызывается (вызывает его).

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

Ключевое слово function используется для определения функции JavaScript, после чего следует имя и скобки (). Буквы, цифры, символы подчеркивания и знаки доллара могут использоваться в именах функций (те же правила, что и для переменных). Имена параметров, разделенные запятыми, могут быть заключены в круглые скобки: (параметр1, параметр2, …) В фигурных скобках код, который будет выполняться функцией:

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

```javascript
function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2
}
```

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

Когда «что-то» вызывает (вызывает) функцию, запускается содержащийся в ней код:

- Когда происходит инцидент (когда пользователь нажимает кнопку)

- При вызове (вызове) из кода JavaScript

- Самостоятельно (самостоятельно вызывается)

```javascript
function myFunction(a, b) {
return a * b;
}
myFunction(10, 2); // Will return 20
```

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

Функция перестанет работать, когда дойдет до оператора return в JavaScript. Если функция была вызвана из оператора, JavaScript «вернется» и запустит код после завершения вызывающего оператора. Возвращаемые значения часто вычисляются функциями. «Вызывающий» получает возвращаемое значение «returned».

```javascript
var x = myFunction(9, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a + b; // Function returns the product of a and b
}
```

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

Почему функции?

Следующий код можно использовать повторно: После того, как вы определили код, вы можете использовать его повторно. Один и тот же код можно запускать несколько раз с разными аргументами для получения разных результатов.

**Код JavaScript:**

```javascript
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit — 32);
}
document.getElementById(‘demo’).innerHTML = toCelsius(77);
```

Разговор Фаренгейта с Цельсия.

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

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

**Код JavaScript:**

```javascript
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit — 32);
}
document.getElementById(‘demo’).innerHTML = toCelsius;
```

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

```javascript
var text = ‘The temperature is ‘ + toCelsius(77) + ‘ Celsius’;
```

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

Переменные, объявленные в функции JavaScript, являются ЛОКАЛЬНЫМИ для нее. Только внутри функции вы можете получить доступ к локальным переменным. Переменные с одним и тем же именем могут использоваться в нескольких функциях, потому что локальные переменные распознаются только внутри их подпрограмм. Когда функция запускается, локальные переменные генерируются, а когда функция завершается, они уничтожаются.

```javascript
// code here can NOT use fruit
function myFunction() {
var fruit = ‘mango’;
// code here CAN use fruit
}
// code here can NOT use fruit
```