САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

JS Справочник

JS по категориям JS по алфавиту

JavaScript

JS Массивы JS Булевы JS Классы JS Даты JS Ошибка JS Булевы JS JSON JS Математика JS Числа JS Операторы JS Рег.Выражения JS Заявления JS Строки

HTML DOM

DOM Документы DOM Элементы DOM Атрибуты DOM События DOM Объекты событий DOM HTML Коллекция DOM Местоположение DOM Навигатор DOM Экран DOM Стиль
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex
DOM Окно

Веб APIы

API Консоль API Геолокация API История API Место хранения

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другое

Объявление стиля CSS JS Преобразование


JavaScript function



Пример

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

function myFunction() { // Объявление функции
  document.getElementById("demo").innerHTML = "Привет Мир!";
}
 
myFunction(); // Вызовите функцию
Попробуйте сами »

Определение function

Оператор function объявляет функцию.

Объявленная функция "сохраняется для последующего использования" и выполняется позже, когда она (вызывается).

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

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

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

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



Поддержка function

Заявление
function Да Да Да Да Да

Синтаксис function

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

Значения параметров function

Параметр Описание
functionName Требуемый. Указывает имя функции, которую можно "сохранить для последующего использования". Имена функций могут содержать буквы, цифры, знаки подчеркивания и знаки доллара (те же правила, что и переменные)
parameters Необязательный. Задает набор из нуля или более имен параметров, разделенных запятыми.

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

Примечание: Если функция вызывается с отсутствующим аргументом, значение отсутствующего аргумента устанавливается равным undefined


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

Версия JavaScript: ECMAScript 1

Примеры function

Пример

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

function myFunction() {
  return Math.PI;
}
Попробуйте сами »
Пример

Вернуть произведение а и в:

function myFunction(a, b) {
  return a * b;
}
Попробуйте сами »
Пример

С помощью функций вы можете использовать один и тот же код много раз с разными аргументами, чтобы получить разные результаты.

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

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
Попробуйте сами »
Пример

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

Вместо:

temp = toCelsius(32);
text = "Температура такая " + temp + " по Цельсию";

Вы можете использовать:

text = "Температура такая " + toCelsius(32) + " по Цельсию";
Попробуйте сами »
Пример

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

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

function myFunction(a, b) {
  return arguments.length;
}
Попробуйте сами »
Пример

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

<button onclick="myFunction()">Нажмите на меня</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Привет Мир";
}
</script>
Попробуйте сами »
Пример

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

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

var x = function (a, b) {return a * b};
Попробуйте сами »
Пример

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

var x = function (a, b) {return a * b};
var z = x(4, 3);
Попробуйте сами »

Связанные страницы function

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

JavaScript учебник: JavaScript Масштаб

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

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

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

JavaScript учебник: JavaScript Закрытие функций

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