Функции в JavaScript
Содержание
Функции - это «автономные» модули кода, которые выполняют определенную задачу. Он содержит инструкции, используемые для создания вывода с его ввода. Чтобы использовать функцию, вы должны определить ее где-нибудь в области, из которой вы хотите ее вызвать. Большинство языков программирования снабжены предварительно записанным набором функций, хранящихся в библиотеке. Вы также можете написать свои собственные функции для выполнения специализированных задач. Функции JavaScript считаются первоклассными объектами, поскольку их можно манипулировать, как и любой другой объект на этом языке.
Объявление функции
Объявление функции производится из ключевого слова function, затем имя функции, список параметров и пару фигурных скобок {}, которые ограничивают код тела. Названия функций чувствительны к регистру, то есть имя функции «doThis()» не такое же, как «DoThis()»
function functionName(parameters) { code to be executed }
Параметр необязателен, вы можете писать функцию без параметров.
Вызов функций JavaScript
Вы можете вызывать функции JavaScript, просто вызывая имя функции.
<html> <head> <script> function greetings() { alert("Good Morning"); } </script> </head> <body> <form> <input type="button" onclick="greetings()" value="Greetings"> </form> </body> </html>
Параметры функции JavaScript
Функция JavaScript может принимать несколько параметров, разделенных запятой. Параметры, переданные функции, будут записаны внутри функции, и любые манипуляции могут быть сделаны над этими аргументами.
<html> <head> <script> function addVal(val1,val2) { var sum = val1+val2; alert("Sum of Values ar : " + sum); } </script> </head> <body> <form> <input type="button" onclick="addVal(10,20)" value="addVal"> </form> </body> </html>
Функция JavaScript с возвращаемым значением
Функции JavaScript имеют возможность возвращать значение из функции в вызывающий ее код. Например, вы можете передать два числа в функции, а затем вы можете ожидать, что функция вернет их сумму в вашей вызывающей программе.
<html> <head> <script> function getGreetings(){ var d = new Date(); var time = d.getHours(); var status ; if (time < 12){ status = "Good morning!"; } if (time > 12){ status = "Good afternoon!"; } if (time == 12){ status = "Go eat lunch!!"; } return status; } function greetings(var1) { var status = getGreetings(); alert("Hi " + var1 + " " + status); } </script> </head> <body> <form> <input type="button" onclick="greetings('john')" value="Greetings"> </form> </body> </html>
Подъем функции
Подъем - это поведение JavaScript по умолчанию для перемещения всех объявлений в верхнюю часть текущей области. Объявления переносятся в верхнюю часть текущей области с помощью интерпретатора JavaScript, что означает верхнюю часть текущей функции или скриптов. Перед его объявлением можно вызвать функцию JavaScript. Это работает, потому что механизм JavaScript неявно поднимает функцию вверх, чтобы они были видны во всей программе.
<script> callMe(); function callMe(){ alert("Called !! "); } </script>
В примере ablve функция с именем callMe() анализируется и оценивается до запуска любого другого кода.
Источник: http://net-informations.com/js/funda/functions.htm