1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
---
title: function
slug: Web/JavaScript/Reference/Statements/function
tags:
- JavaScript
- Функция
translation_of: Web/JavaScript/Reference/Statements/function
---
<div>{{jsSidebar("Statements")}}</div>
<p><strong>Объявление функции</strong> определяет функцию с указанными аргументами.</p>
<p>Также вы можете определять функции через конструктор {{jsxref("Function")}} или {{jsxref("Operators/function", "функциональное выражение")}}.</p>
<h2 id="Синтаксис">Синтаксис</h2>
<pre class="syntaxbox">function <em>name</em>([<em>param</em>,[, <em>param</em>,[..., <em>param</em>]]]) {
[<em>statements</em>]
}
</pre>
<dl>
<dt><code>name</code></dt>
<dd>Имя функции.</dd>
<dt><code>paramN</code></dt>
<dd>Имя аргумента, переданного в функцию. Максимальное количество аргументов, которое может принять функция, может варьироваться в зависимости от движков.</dd>
<dt><code>statements</code></dt>
<dd>Инструкции, которые составляют тело функции.</dd>
</dl>
<h2 id="Описание">Описание</h2>
<p>Функция, созданная через объявление функции, является объектом <code>Function</code> и обладает всеми свойствами, методами и поведением объектов такого типа. Смотрите {{jsxref("Function")}} для подробной информации о функциях.</p>
<p>Также функцию можно создать с помощью выражения (см. {{jsxref("Operators/function", "функциональное выражение")}}).</p>
<p>По умолчанию функции возвращают <code>undefined</code>. Чтобы вернуть другое значение, функция должна содержать инструкцию {{jsxref("Statements/return", "return")}}, которая указывает, какое значение возвращать.</p>
<h3 id="Функции_создаваемые_по_условию">Функции, создаваемые по условию</h3>
<p>Функции могут объявлены условно, иначе говоря, объявление функции может содержаться внутри условного оператора. Большинство браузеров, отличных от Mozilla, трактуют подобные условные объявления безотносительно условия, и создадут функцию, вне зависимости от истинностного значения условия; смотрите <a href="http://kangax.github.io/nfe/#function-statements">статью</a> об этом. Поэтому такое использование не рекомендуется, для условного создания функций используйте функциональные выражения.</p>
<h3 id="Поднимание_объявленной_функции">Поднимание объявленной функции</h3>
<p>Объявление функции в JavaScript поднимает определение функции. Вы можете использовать функцию до того, как вы её объявили:</p>
<pre class="brush: js">hoisted(); // выводит "foo"
function hoisted() {
console.log("foo");
}
</pre>
<p>Заметьте, что {{jsxref("Operators/function", "функциональные выражения")}} не поднимаются:</p>
<pre class="brush: js">notHoisted(); // TypeError: notHoisted не является функцией
var notHoisted = function() {
console.log("bar");
};
</pre>
<h2 id="Примеры">Примеры</h2>
<h3 id="Использование_function">Использование <code>function</code></h3>
<p>Следующий код объявляет функцию, возвращающую итоговое количество продаж, сложенное из количества продаж продуктов <code>a</code>, <code>b</code> и <code>c</code>.</p>
<pre class="brush: js">function calc_sales(units_a, units_b, units_c) {
return units_a*79 + units_b * 129 + units_c * 699;
}
</pre>
<h2 id="Спецификации">Спецификации</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Спецификация</th>
<th scope="col">Статус</th>
<th scope="col">Комментарий</th>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function definitions')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES6', '#sec-function-definitions', 'Function definitions')}}</td>
<td>{{Spec2('ES6')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES5.1', '#sec-13', 'Function definition')}}</td>
<td>{{Spec2('ES5.1')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES3', '#sec-13', 'Function definition')}}</td>
<td>{{Spec2('ES3')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('ES1', '#sec-13', 'Function definition')}}</td>
<td>{{Spec2('ES1')}}</td>
<td>Изначальное определение. Реализовано в JavaScript 1.0.</td>
</tr>
</tbody>
</table>
<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
<p>{{Compat("javascript.statements.function")}}</p>
<h2 id="Смотрите_также">Смотрите также</h2>
<ul>
<li>{{jsxref("Functions_and_function_scope", "Функции и область видимости")}}</li>
<li>{{jsxref("Function")}}</li>
<li>{{jsxref("Operators/function", "Функциональное выражение")}}</li>
<li>{{jsxref("Statements/function*", "Оператор function*")}}</li>
<li>{{jsxref("Operators/function*", "Выражение function*")}}</li>
<li>{{jsxref("Functions/Arrow_functions", "Стрелочные функции")}}</li>
<li>{{jsxref("GeneratorFunction")}}</li>
</ul>
|
