Функция JavaScript - httpdoc.ru

Функция JavaScript

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

Синтаксис
function functionName (arg1, arg2) { 
      // код для выполнения     
       } while (условие);

Преимущество функции

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

Определение и вызов функции

Объявление функции начинается с function ключевого слова, за которым следует имя функции, которую вы хотите создать, за которыми следуют круглые скобки, т.е., () наконец, поместите код вашей функции между фигурными скобками {} .

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Function </title> 
</head> 
<body>
 <script>
  function sayHello() {
  document.write("Hello, JavaScript!");
   }
  sayHello(); 
</script>
</body>
</html>

Выход

JavaScript Function Привет, JavaScript!

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

Примечание. Имя функции не должно начинаться с числа, а должно начинаться с алфавита или символа подчеркивания , за которым может следовать число, подчеркивание и т. Д. Имена функций чувствительны к регистру , как и имена переменных.

Добавление параметров к функциям

Параметры используются для приема входных значений во время выполнения. Параметрам присваиваются значения во время вызова во время выполнения, а затем над ними выполняются операции.

Синтаксис
function functionName (параметр1, параметр2, параметр3) 
       {  
      // код для выполнения  
       }

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Function Adding Parameters </title> 
</head> 
<body>
 <script>
  // Defining function
  function displaySum(num1, num2) {
   var total = num1 + num2;
    document.write(total);
    }
     
  // Calling function
  displaySum(10, 20); // Prints: 30
   document.write("<br>");
   displaySum(-10, 20); // Prints: 10
</script>
</body>
</html>

Выход

JavaScript Function Adding Parameters 30
10

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Function Adding Arguments </title> 
</head> 
<body>
<script>  
 function square(number){  
 alert(number*number);  
 }  
</script>  

<form>  
 Click to check Square of Number<br>
 <input type="button" value="Click Here" onclick="square(4)"/>  
</form>       

</body>
</html>

Выход

JavaScript Function Adding Arguments

Функция с возвращаемым значением

Функция может иметь необязательный оператор возврата. Это необходимо, если вы хотите вернуть значение из функции. Этот оператор должен быть последним оператором в функции.
Значение может быть любого типа, включая массивы и объекты. Посмотрите на пример ниже.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Function Return </title> 
</head> 
<body> 
 <script>
  // Defining function
  function getSum(num1, num2) {
  var total = num1 + num2;
  return total;
    }
     
  // Displaying returned value
  document.write(getSum(10, 20) + "<br>");
  document.write(getSum(-5, 15)); 
</script>
</body>
</html>

Выход

JavaScript Function Return 30
10

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Function Return </title> 
</head> 
<body> 
<script>  
 function add(x, y){  
 var z;
 z = x + y;
return z;  
 }  
</script>  

<script>  
 var result;
 result = add(10,20);
</script>      

<form>
<p> Click here to check result: </p>
<input type="button" value="Click Here" onclick="alert(result)"/>  
</form>  
</body>
</html>

Выход

JavaScript Function Return

Нажмите здесь, чтобы проверить результат: