JavaSkriptdefinering og anropsfunksjoner med eksempel

by: James Hartman James Hartman
Hours oppdatert

Hva er funksjon i JavaManus?

Funksjoner er svært viktige og nyttige i ethvert programmeringsspråk, da de gjør koden gjenbrukbar. En funksjon er en kodeblokk som vil bli utført bare hvis den kalles. Hvis du har noen få linjer med kode som må brukes flere ganger, kan du opprette en funksjon som inkluderer de repeterende kodelinjene og deretter ringe funksjonen hvor du vil.

Hvordan lage en funksjon i JavaScript

  1. Bruk nøkkelordet funksjon etterfulgt av navnet på funksjonen.
  2. Etter funksjonsnavnet åpner og lukker du parenteser.
  3. Etter parentes åpner og lukker du bukseseler.
  4. Skriv kodelinjene dine innenfor krøllete klammeparenteser.

Syntaks:

function functionname()
{

  lines of code to be executed

}

Prøv dette selv:

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

Funksjon med argumenter

Du kan også lage funksjoner med argumenter. Argumenter bør spesifiseres i parentes

Syntaks:

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Prøv dette selv:

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

JavaReturverdi for skript

Du kan også lage JS-funksjoner som returnerer verdier. Inne i funksjonen må du bruke nøkkelordet retur etterfulgt av verdien som skal returneres.

Syntaks:

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Prøv dette selv:

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