Функция JavaScript
Пример
Объявите функцию, которая выводит «Hello World» при вызове:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Ниже приведены дополнительные примеры.
Определение и использование
Оператор function
объявляет функцию.
Объявленная функция «сохраняется для последующего использования» и будет выполняться позже, когда она вызывается (вызывается).
В JavaScript функции являются объектами и имеют как свойства, так и методы.
Функцию также можно определить с помощью выражения (см. раздел « Определения функций» ).
Прочитайте наш учебник по JavaScript, чтобы узнать все, что вам нужно знать о функциях. Начните с вводной главы о функциях JavaScript и области видимости JavaScript . Для получения более подробной информации см. наш раздел функций, посвященный определениям функций , параметрам , вызовам и замыканиям .
Смотрите также:
Синтаксис
function functionName(parameters) {
code to be executed
}
Параметры
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Дополнительные примеры
Вернуть значение 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.length возвращает количество аргументов, полученных функцией:
function myFunction(a, b) {
return arguments.length;
}
Нажмите, чтобы вызвать функцию, которая выводит «Hello World»:
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Когда выражение функции хранится в переменной, эта переменная содержит функцию:
const x = function (a, b) {return a * b};
Когда функция хранится в переменной, эту переменную можно использовать как функцию:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Связанные страницы
Учебник по JavaScript: Функции JavaScript
Учебник по JavaScript: область видимости JavaScript
Учебник по JavaScript: определения функций JavaScript
Учебное пособие по JavaScript: параметры функций JavaScript
Учебное пособие по JavaScript: вызов функции JavaScript
Учебник по JavaScript: замыкания функций JavaScript
Справочник по JavaScript: оператор возврата JavaScript
Поддержка браузера
function
является функцией ECMAScript1 (ES1).
ES1 (JavaScript 1997) полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |