JavaSkripti funktsioonide määratlemine ja kutsumine näitega

Mis on funktsioon JavaSkript?

Funktsioonid on igas programmeerimiskeeles väga olulised ja kasulikud, kuna need muudavad koodi korduvkasutatavaks Funktsioon on koodiplokk, mis käivitatakse ainult siis, kui seda kutsutakse. Kui teil on mitu koodirida, mida tuleb mitu korda kasutada, saate luua funktsiooni, mis sisaldab korduvaid koodiridu, ja seejärel helistada funktsioonile, kus iganes soovite.

Kuidas luua funktsiooni JavaScript

  1. Kasutage märksõna funktsioon millele järgneb funktsiooni nimi.
  2. Funktsiooni nime järel avage ja sulgege sulud.
  3. Pärast sulgu avage ja sulgege lokkis traksid.
  4. Kirjutage oma koodiread lokkis sulgudesse.

süntaksit:

function functionname()
{

  lines of code to be executed

}

Proovige seda ise:

<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>

Funktsioon argumentidega

Saate luua ka argumentidega funktsioone. Argumendid tuleks täpsustada sulgudes

süntaksit:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Proovige seda ise:

<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>

JavaSkripti tagastusväärtus

Saate luua ka väärtusi tagastavaid JS-funktsioone. Funktsiooni sees peate kasutama märksõna tagasipöördumine millele järgneb tagastatav väärtus.

süntaksit:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Proovige seda ise:

<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>