До сих пор вы видели простые сценарии, состоящие лишь из нескольких строк кода. Более реалистичные сценарии JavaScript могут содержать множество строк, и, если не быть осторожными, они могут превратиться в трудно-редактируемый клубок кода. Для управления этим хаосом умные JavaScript - писатели почти всегда используют собственные функции.
Функция — это именованная серия сгруппированных инструкций. В некотором смысле функции похожи на миниатюрные программы, по¬скольку способны выполнять последовательность операций. Изящность использования функций заключается в том, что они создаются только один раз, а вызываются многократно.
Объявление функции javascript
Чтобы создать функцию JavaScript, нужно определиться, что она будет делать (например, выводить предупреждение), а затем выбрать для нее подходящее имя (например, ShowAlertBox). Как и большинство объектов мира программирования, имена функций не могут содержать пробелов и специальных символов.
Вооруженные этой информацией, вы уже готовы разместить блок <script> в разделе <head> на вашей странице. Однако этот блок <script> немного отличается от примеров, которые вы видели до этого. Следующий пример показывает функцию вывода окна с сообщением:
<script type="text/javascript"> Function ShowAlertBox() {
Alert("Я - функция.")
}
</script>
Чтобы понять, что происходит в примере, разобьем его на состав¬ляющие и рассмотрим по частям.
Любое объявление функции начинается со слова function, которое сообщает интерпретатору JavaScript о ваших намерениях.
function
Затем нужно ввести функции имя и две скобки. В скобках указыва¬ется дополнительная информация, передаваемая в функцию.
function ShowAlertBox()
На этом объявление функции заканчивается. Все, что осталось сделать, — это добавить в функцию код, который будет выполнять всю работу. Код заключается в фигурные скобки (см. в качестве примера функцию вывода сообщения). Скобка { указывает на начало кода функции, а скобка } — на его конец. Количество строк кода между ними не ограничено.
Хитрость написания функций заключается в известном отступлении от стандартов завершения строк. Это означает, что вы можете создавать эквивалентные JavaScript-функции и размещать фигурные скобки в от¬дельных строках. Пример:
<script type="text/javascript">
function ShowAlertBox() {
alert("Я — функция.")
}
</script>
Но не стоит волноваться — обе функции работают одинаково.