---
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>

{{Specifications}}

<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>

<p>{{Compat}}</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>