УРОКИ JAVASCRIPT HTML DOM DHTML AJAX ПРИМЕРЫ JAVASCRIPT

JavaScript Урок 12 Функции


« Назад Далее »

Функция будет выполнена при возникновении события или при вызове функции.


JavaScript Функции

Чтобы предотвратить скрипт от выполнения браузером, когда страница загружается, вы можете поместить ваш скрипт в функцию.

Функция содержит код, который будет выполнен по наступлении события или при вызове этой функции.

Вы можете вызвать функцию из любого места страницы (или даже из других страниц, если функция находится во внешнем .js файле).

Функции могут быть определены как в секции <head>, так и в секции <body> документа. Однако, чтобы гарантировать, что функция будет прочитана/загружена браузером прежде, чем она вызывается, будет разумнее поместить функции в секцию <head>.


Как Определить Функцию

Синтаксис

function имя_функции(var1,var2,...,varX)
{
некоторый код
}

Параметры var1, var2, и т.д. это переменные или значения, передаваемые функции. Скобки { и } определяют начало и конец функции.

Замечание: Функция без параметров должна включать круглые скобки () после имени функции.

Замечание: Не забывайте о важности регистра букв в JavaScript! Слово function должно быть написано маленькими буквами, иначе возникнет ошибка JavaScript! Также следует отметить, что вы должны вызывать функцию, используя в точности те же самые буквы в имени функции (нельзя менять большие буквы на маленькие и наоборот).


JavaScript Пример Функции

Пример

<html>
<head>
<script type="text/javascript">
function displaymessage()
{

}
</script>
</head>

<body>
<form>

</form>



</body>
</html>

Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Если строка: alert("Привет Мир!!") в примере выше не будет помещена в функцию, она будет выполнена, как только страница загрузится. Теперь же, скрипт не выполняется, пока пользователь не нажмет на кнопку. Функция displaymessage() будет выполнена при клике на кнопке.

Вы узнаете больше о событиях JavaScript в уроке, посвященном событиям.


Предложение return

Предложение return используется для указания значения, которое возвращается из функции.

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

Пример ниже возвращает произведение двух чисел (a и b):

Пример

<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b;
}
</script>
</head>

<body>
<script type="text/javascript">
document.write(product(4,3));
</script>



</body>
</html>

Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает


Время Жизни Переменных JavaScript

Если вы объявляете переменную, используя "var", внутри функции, переменная будет доступна только в пределах этой функции. Когда вы выходите из функции, переменная уничтожается. Эти переменные называются локальными переменными. Вы можете объявлять локальные переменные с одним и тем же именем в различных функциях, поскольку каждая из них распознается только в функции, где была объявлена.

Если вы объявляете переменную вне функции, все функции на вашей странице могут к ней обращаться. Время жизни этих переменных начинается когда они объявляются, и заканчивается, когда страница закрывается.


Примеры

Еще примеры

Функция с параметром
Как передать переменную функции и использовать эту переменную внутри функции

Функция, которая возвращает значение
Как позволить функции возвращать значение.





« Назад Далее »
© 2011-2019 Уроки JavaScript