JavaScript Definer & Call-funktioner med eksempel
James Hartman
Hvad er funktion i JavaManuskript?
Funktioner er meget vigtige og nyttige i ethvert programmeringssprog, da de gør koden genanvendelig. En funktion er en kodeblok, som kun vil blive udført, hvis den kaldes. Hvis du har et par linjer kode, der skal bruges flere gange, kan du oprette en funktion inklusive de gentagne linjer med kode og derefter kalde funktionen, hvor du vil.
Sådan opretter du en funktion i JavaScript
- Brug søgeordet funktion efterfulgt af navnet på funktionen.
- Åbn og luk parenteser efter funktionsnavnet.
- Efter parentes åbnes og lukkes krøllede seler.
- Inden for krøllede seler skal du skrive dine kodelinjer.
Syntaks:
function functionname()
{
lines of code to be executed
}
Prøv selv dette:
<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>
Funktion med argumenter
Du kan også oprette funktioner med argumenter. Argumenter skal angives i parentes
Syntaks:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Prøv selv dette:
<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>
JavaScriptreturværdi
Du kan også oprette JS-funktioner, der returnerer værdier. Inde i funktionen skal du bruge søgeordet afkast efterfulgt af den værdi, der skal returneres.
Syntaks:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Prøv selv dette:
<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>
