JavaSkriptdefiniera och anropa funktioner med exempel
James Hartman
Vad är funktion i JavaManus?
Funktioner är mycket viktiga och användbara i alla programmeringsspråk eftersom de gör koden återanvändbar. En funktion är ett kodblock som endast kommer att exekveras om det anropas. Om du har några rader kod som behöver användas flera gånger kan du skapa en funktion inklusive de upprepade kodraderna och sedan anropa funktionen var du vill.
Hur man skapar en funktion i JavaScript
- Använd nyckelordet fungera följt av namnet på funktionen.
- Öppna och stäng parenteser efter funktionsnamnet.
- Efter parentes, öppna och stäng lockiga hängslen.
- Skriv dina kodrader inom hängslen.
Syntax:
function functionname()
{
lines of code to be executed
}
Prova detta själv:
<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 argument
Du kan också skapa funktioner med argument. Argument bör anges inom parentes
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Prova detta själv:
<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>
JavaSkriptreturvärde
Du kan också skapa JS-funktioner som returnerar värden. Inuti funktionen måste du använda nyckelordet avkastning följt av värdet som ska returneras.
Syntax:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Prova detta själv:
<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>
