Функция — это простой повторно используемый фрагмент кода. С его помощью можно разбить большое решение проблемы на более мелкие повторно используемые активы. В общих терминах программирования существует два типа функций, а именно:
1. Встроенная функция, например. alert()
2. Пользовательская функция — например. сказатьHelloWorld()
Определение функции
В javascript нам нужно определить функцию с ключевым словом function.
Затем мы можем использовать объявленное имя функции для выполнения операций, определенных в области действия функции.
Факт:жизнь локальной переменной функции заканчивается в функции
Синтаксис
Основной синтаксис показан здесь.
<script type = "text/javascript"> function functionname(parameter-list) { statements } </script>
Пример
Попробуйте следующий пример. Он определяет функцию sayHello, которая не принимает параметров —
<script type = "text/javascript"> function sayHelloWorld() { alert("Hello World!"); } </script>
Вызов функции
Как только функция объявлена/определена, мы можем вызвать ее по имени.
<html> <head> <script type = "text/javascript"> function sayHello() { document.write ("Hello there!"); } </script> </head> <body> <p>Click the following button to call the function</p> <form> <input type = "button" onclick = "sayHello()" value = "Say Hello"> </form> <p>Use different text in write method and then try...</p> </body> </html>
Выход
если мы нажмем кнопку вывода, содержимое документа обновится до
«Привет!»
Параметры функции
Функция может быть передана с параметрами, которые могут выступать в качестве помощника/зависимостей для выполнения функций, выполняемых ею. Обычно параметры функции разделяются запятой (,).
Пример
Попробуйте следующий пример. Здесь мы изменили нашу функцию sayHello. Теперь он принимает два параметра.
<html> <head> <script type = "text/javascript"> function sayHello(name, age) { document.write ('Hello '+name ); } </script> </head> <body> <p>Click the following button to call the function</p> <form> <input type = "button" onclick = "sayHello('Muhamed')" value = "Say Hello"> </form> <p>Use different parameters inside the function and then try...</p> </body> </html>
Выход
если мы нажмем кнопку вывода, содержимое документа обновится до
«Привет Мухамед»
Заявление о возврате
У функции есть специальный оператор return, который завершает действие, выполняемое функцией, а также возвращает некоторые данные вызывающей функции.
Оператор return является необязательным, и если он не указан в конце функции, вызываемая функция возвращает undefined вызывающей функции.
Примечание: когда функция встречает оператор возврата, она немедленно закрывает выполнение функции и возвращает управление вызывающей стороне.
Пример
<html> <head> <script type = "text/javascript"> function concatenate(first, last) { var full; full = first + last; return full; } function secondFunction() { var result; result = concatenate('Zara', 'Ali'); document.write (result ); } </script> </head> <body> <p>Click the following button to call the function</p> <form> <input type = "button" onclick = "secondFunction()" value = "Call Function"> </form> <p>Use different parameters inside the function and then try...</p> </body> </html>
Выход
если мы нажмем кнопку вывода, содержимое документа обновится до
«ZaraAli»
В следующем блоге мы можем увидеть о:
Справочник
https://www.tutorialspoint.com/javascript/javascript_functions.htm