JavaВизначення сценарію та виклик функцій із прикладом

Що таке функція в JavaСценарій?

Функції дуже важливі та корисні в будь-якій мові програмування, оскільки вони роблять код придатним для багаторазового використання. Функція — це блок коду, який буде виконано, лише якщо його викликати. Якщо у вас є кілька рядків коду, які потрібно використати кілька разів, ви можете створити функцію, що містить рядки коду, що повторюються, а потім викликати функцію, де завгодно.

Як створити функцію в JavaScript

  1. Використовуйте ключове слово функція після чого йде назва функції.
  2. Після назви функції розкрийте та закрийте дужки.
  3. Після дужок розкрийте та закрийте фігурні дужки.
  4. У фігурних дужках напишіть рядки коду.

Синтаксис:

function functionname()
{

  lines of code to be executed

}

Спробуйте самі:

<html>
<head>
	<title>Functions!!!</title>
	<script type="text/javascript">
      function myFunction()
      {
      	document.write("This is a simple function.<br />");
      }
		myFunction();
	</script>
</head>
<body>
</body>
</html>

Функція з аргументами

Ви також можете створювати функції з аргументами. Аргументи повинні бути вказані в круглих дужках

Синтаксис:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Спробуйте самі:

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		function countVowels(name)
		{
			for (var i=0;i<name.length;i++)
			{
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
              count = count + 1;
			}
		document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
		}
   	 	var myName = prompt("Please enter your name");
    	countVowels(myName);
	</script>
</head>
<body>
</body>
</html>

JavaПовернене значення сценарію

Ви також можете створювати функції JS, які повертають значення. Усередині функції вам потрібно використовувати ключове слово повертати а потім значення, яке буде повернуто.

Синтаксис:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Спробуйте самі:

<html>
<head>
	<script type="text/javascript">
		function returnSum(first, second)
        {
          var sum = first + second;
          return sum;
        }
      var firstNo = 78;
      var secondNo = 22;
      document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
	</script>
</head>
<body>
</body>
</html>