Оператор function в JavaScript

Определение и использование

Определение функции с помощью оператора function.

Объявленные функции «сохраняются для использования позже» и будут выполняться при последующем вызове.

В JavaScript функции являются объектами, которые одновременно имеют свойства и методы.

Функции также можно определить с помощью выражения (см. определение функции).

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

Совет:Используйте оператор return, чтобы вернуться из функции с значением.

Пример

Объявите функцию и выведите "Hello World" в элементе с id="demo", когда вызовете эту функцию:

function myFunction() { // Объявление функции
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Вызов функции

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

Ниже страницы есть больше примеров TIY.

Грамматика

function functionName(parameters) {
  код для выполнения
}

Значение параметра

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

Опционально. Укажите группу параметров, состоящую из одного или нескольких имен параметров, разделенных запятыми.

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

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

Комментарий:Если при вызове функции отсутствуют параметры, то значение отсутствующего параметра будет установлено в undefined.

Технические детали

Версия JavaScript: ECMAScript 1

Более примеров

Пример

Возврат значение PI:

function myFunction() {
  return Math.PI;
}

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

Пример

Возврат произведение a и b:

function myFunction(a, b) {
  return a * b;
}

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

Пример

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

Преобразование градусов по Фаренгейту в Цельсию:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

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

Пример

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

вместо:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Вы можете использовать:
text = "The temperature is " + toCelsius(32) + " Centigrade";

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

Пример

Функция JavaScript имеет встроенный объект, называемый arguments.

Свойство arguments.length возвращает количество параметров, переданных при вызове функции:

function myFunction(a, b) {
  return arguments.length;
}

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

Пример

Нажмите кнопку, чтобы вызвать функцию, которая выведет "Hello World" в элементе с id="demo":

<button onclick="myFunction()">Нажми меня</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

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

Пример

Функции JavaScript также могут быть определены с помощью выражений.

Выражения функции можно хранить в переменных:

var x = function (a, b) {return a * b};

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

Пример

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

var x = function (a, b) {return a * b};
var z = x(4, 3);

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

Поддержка браузеров

Условия Chrome IE Firefox Safari Opera
function Поддержка Поддержка Поддержка Поддержка Поддержка

Соответствующие страницы

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

Учебник JavaScript:Область видимости JavaScript

Учебник JavaScript:Определение функции JavaScript

Учебник JavaScript:Параметры функции JavaScript

Учебник JavaScript:Вызов функции JavaScript

Учебник JavaScript:Контурные функции JavaScript

JavaScript справочник:Условие return в JavaScript