Функция — это простой повторно используемый фрагмент кода. С его помощью можно разбить большое решение проблемы на более мелкие повторно используемые активы. В общих терминах программирования существует два типа функций, а именно:
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